javascript - 选择文本等于的div

Question

我想选择值为 ex 的 div。“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>
...

现在我想从一堆 div 中选择值等于 5 的 div 女巫 class = number。
我怎样才能以最好的方式做到这一点？

Answer 1

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

演示----> http://jsfiddle.net/nGkYu/1/

Answer 2

使用 jQuery 的:contains()，应用此选择器以获取仅包含某些内容的元素

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

请注意，此解决方案将返回所有包含<div>“5”的 s ，包括“512”..

Answer 3

你可以做：

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

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");