JQuery, как удалить элемент на основе Contect суб-элемента

Question

Я пытаюсь написать JQuery, чтобы удалить все подразделения с классом item ui-draggable... на основе значения выделенного элемента. Например, проверьте, если значение меньше 100, и если true, удалите деление. Я понятия не имею, как это сделать. Структура всех подразделений одинакова. Соответствующее число всегда будет содержаться в 6-ом подэлементе деления, подлежащего удалению.

так в псевдо-код, который я хочу, чтобы написать это:

$(document).ready(function(){ 
    for each division of class .item ui-draggable... { 
     if (value of relevant number < 100) { 
      .remove(division); 
     } 
    } 
}); 

Answer 1

Попробуйте это:

$(document).ready(function(){ 
    $('.item.ui-draggable').each(function(){ 
     var val = parseInt($(this).find('.socialMetaCount').text(),10); 
     if (val < 100) { 
      $(this).remove(); 
     } 
    }) 
}); 

Answer 2

Таким образом, в код, который вы хотели, чтобы написать это

$(document).ready(function(){ 
    $(".item ui-draggable").each(function(){ 
     if (anyNumber< 100 && somethingTrue) { 
      $(this).remove(); 
     } 
    } 
}); 

Answer 3

Сначала выберите элементы, которые вы хотите оценить, а затем, если эти элементы соответствуют критериям, перейдите к соответствующему элементу с помощью closest() o г parents(), и удалить эти:

$('em.socialMetaCount').filter(function(){ 
    return parseInt(this.textContent.trim(), 10) < 100; 
}).closest('.item.ui-draggable').remove(); 

Литература:

• JavaScript:
  • parseInt().
  • String.prototype.trim().
• JQuery:
  • closest().
  • filter().

Answer 4

Я думаю, что то, что вы ищете что-то вроде этого:

$(document).ready(function() { 
    $(".ui-draggable").each(function() { 
     if (parseInt($(this).find('.socialMetaCount').text()) < 100) { 
      $(this).remove(); 
     } 
    }); 
});