javascript - JQuery | Find all "," (comma) in an <ul> and erase themreplace with ' &

admin管理员组

文章数量:1339463

HTML

   <ul class="tabbox">
      <li></li>
      ,
      <li></li>
      ,
      <li></li>
    </ul>

JQuery (My Idea - does NOT work)

$(".tabbox").replace(',' , ''); // This was my idea, and it does not work ..

How can I remove the , from the < ul > ?

HTML

   <ul class="tabbox">
      <li></li>
      ,
      <li></li>
      ,
      <li></li>
    </ul>

JQuery (My Idea - does NOT work)

$(".tabbox").replace(',' , ''); // This was my idea, and it does not work ..

How can I remove the , from the < ul > ?

• javascript
• jquery

Share Improve this question Follow edited May 3, 2011 at 10:41 kapa 78.8k2121 gold badges165165 silver badges178178 bronze badges asked May 3, 2011 at 10:37 TomkayTomkay 5,1602121 gold badges6565 silver badges9494 bronze badges 2

• does all mas es after </li> – xkeshav Commented May 3, 2011 at 10:45
• NOTE: bounty was added to acknowledge Alnitak great answer which is answering the question perfectly in my opinion. If you have something even better feel free to share, but that's not the purpose of my bounty. – Shadow Wizzard Commented May 8, 2011 at 10:56

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 9 +50

It seems to me that you're asking the wrong question.

If the intent is to remove the spurious text nodes (which happen to contain mas) from between the <li> nodes, you should do this:

$('.tabbox').contents().filter(function() {
    return (this.nodeType === 3);
}).remove();

Working demo at http://jsfiddle/alnitak/gN7yM/

Note the use of .contents() to ensure that text nodes are included in the results.

If instead you want to purify the code to remove anything that isn't an <li> from the <ul>, use this:

$('.tabbox').contents().not(function() {
    return (this instanceof HTMLLIElement);
}).remove();

FWIW, since @ShadowWizard reports that this doesn't with with IE < 8.0 I tried:

$('.tabbox').contents().not('li').remove()

and it didn't work. Reading the jQuery source it seems that pure string selectors pletely ignore text nodes, but this does work:

$('.tabbox').contents().not(function() {
    return $(this).is('li');
}).remove();

EDIT I've changed a couple of the examples above to use .not() instead of .filter() so as to remove the double negative.

One way to clean the list and leave only the list items is such code:

var list = $(".tabbox");
var items = $(".tabbox li");
list.html("");
items.each(function() {
    list.append($(this));
});

Live test case: http://jsfiddle/TS8Sd/

This will not only remove ma but any other text or elements that do not belong there.

var tabbox = $(".tabbox"),
    tabHtml = tabbox.html();

tabbox.html(tabHtml.replace(/,/g , ''));

This would replace all of them.

EDIT:

Although, why would you have a ',' after each li?

var tabHtml = $(".tabbox").html();
$(".tabbox").html(tabHtml.replace(/,/g , ''));  //@Tomgrohl already answered it

My example makes use of the function parameter for .html().

$('.tabbox').html(function (index, oldhtml) {
    return oldhtml.replace(/,/g, '');    
});

jsFiddle Demo

本文标签：