Выберите div, где текст равен

Question

Я хочу выбрать div, где значение указано для ex. "5".
Это моя ситуация:

У меня есть DIV как это:

<div class="element"> 
    <div class="number>5</div> 
    <div class="symbol">..</div> 
</div> 
<div class="element"> 
    <div class="number>6</div> 
    <div class="symbol">..</div> 
</div> 
... 

Теперь я хочу, чтобы выбранный в ДИВ ведьме класса = число где значение равно 5 из кучки Див-х годов.
Как я могу сделать это наилучшим образом?

Answer 1

var $div = $('div.number').filter(function(){ 
    return $.trim($(this).text()) === "5"; 
}); 

Demo ---->http://jsfiddle.net/nGkYu/1/

Answer 2

Вы можете сделать:

$(".number").each(function() { 
    if ($(this).text() == "5") { 
     //do stuff 
    } 
}); 

Answer 3

Использование JQuery-х :contains(), применить этот селектор, чтобы получить единственный элемент, который содержит что-то

$(".number:contains('5')").doSomething().. 

к сведению, что это решение вернет все <div> s , содержащий «5», включая «512».

Answer 4

Как альтернатива в случае, если число может меняться, это функция, которая может быть передана числом в качестве параметра.

function findDiv(numToFind, clsToSearch){ 
    var num = parseFloat(numToFind); 
    if(typeof num == "number"){ 
     var divsIwant = $('.'+clsToSearch).filter(function(){ 
      var curDiv = $.trim($(this).text()); 
      return curDiv == num; 
     }); 
     return divsIwant; 
    } else { 
     return false; 
} 

var hereAreMyDivs = findDiv(5, "number");