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 witch class = number，其中值等于一堆div中的5。我怎样才能做到最好？

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()..

请注意，此解决方案将返回包含“5”的所有<div>个，包括“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");

选择文本等于的div

4 个答案: