jquery - 如何从类元素中获取值？

Question

我正在尝试获取所选的类(class)文本。

我有

for (var i=0; i<$('.toys').length; i++){

       if($('.toys')[i].text()=='lego'){
         alert('got it');
         return false;
      }
    }

html

<div class='toys'> toya  </div>
<div class='toys'> lego  </div>
<div class='toys'> toyb  </div>
<div class='toys'> toyc  </div>

我收到错误消息，指出对象 # 没有方法“文本”

我该如何解决这个问题？感谢您的帮助!

Answer 1

首先，您应该缓存结果以避免重复查询 DOM。

您的代码的问题是使用 []返回原始 DOM 元素(不是 jquery 对象)，并且 DOM 元素没有 .text()方法。您应该使用 .eq(i) 而不是[i] .

正如其他人提到的，更合适的方法是使用 .each() 或者使用 .filter()

var wanted = $(".toys").filter(function() {
    return $.trim($(this).text()) === 'lego';
});
if (wanted.length){
  alert('got it'); // or do whatever you want with the wanted element..
}