Удалить все элементы, которые удовлетворяют условию

Question

 <div class="myClass1"> 
      <span>tesutokana</span> 
     </div> 
     <div class="myClass2"> 
      <span>tesutoroma</span> 
     </div> 
     <div class="myClass1"> 
      <span>-</span> 
     </div> 
     <div class="myClass2"> 
      <span>-</span> 
     </div> 
     <div class="myClass1"> 
      <span>-</span> 
     </div> 
     <div class="myClass2"> 
      <span>-</span> 
     </div> 

Я хочу, чтобы удалить все дивы, которые только <span>-</span> из классов myClass1 и myClass2. Пробовал с .each(), но я не могу понять, что это за аргументы функции, которую я должен назвать. Любая помощь?

Answer 1

Вы можете сделать это путем сравнения содержания пролете в состоянии:

$('.myClass1, .myClass2').each(function(){ 
    var mySpan = $(this).find('span'); 

    if(mySpan.text() == '-'){ 
     mySpan.closest('div').remove();  
    } 
}); 

Живой пример: http://jsfiddle.net/8CNkW/2/

Update:

Это одна не имеет проблем с текстами содержащую строку -, такую ​​как ---, test-test и т. д.

Плюш, на 80% быстрый эр чем contains вариант имени в других ответах: http://jsperf.com/just-a-demo

Answer 2

Используйте: содержит селектор

$("div span:contains(-)").remove(); 

Удалить все DIV:

$("div span:contains(-)").parent().remove(); 

JSFiddle

Обратите внимание, что это быстрый и грязное решение, поскольку оно удалит все span s, которые содержат -

Answer 3

вот простое решение. fiddle

var doc = document.body; 
doc.innerHTML = doc.innerHTML.replace(/<div(\s)+(.)*class="myClass(1|2)"(.)*>(\s|\n|\t)*<span>-<\/span>(\s|\n|\t)*<\/div>/ig,''); 

это может быть самым быстрым решением, потому что он не использует петлю или внешнюю библиотеку.

или

var j = document.getElementsByClassName('myClass1'); 
var t = document.getElementsByClassName('myClass2'); 
var x = t.length--; 
while(x--) { 
    t[x].innerHTML = t[x].innerHTML.replace(/(<span>-<\/span>)/g,''); 
} 
x = j.length--; 

while(x--) { 
    j[x].innerHTML = j[x].innerHTML.replace(/(<span>-<\/span>)/g,''); 
} 

fiddle

Answer 4

Я хотел бы использовать .filter().

$('div').filter(function(){ 
    var $spans = $(this).find('> span'); 
    return $spans.length === 1 && $spans.text() === '-'; 
}).remove(); 

Вот краткий демо: http://jsfiddle.net/VbpzZ/1/

Answer 5

Вы можете использовать .filter(), чтобы сделать фильтрацию.

Just like that:

$('.myClass1,.myClass2').filter(function(i, el){ return el.innerHTML.trim() == '<span>-</span>' }).remove()