jquery - jQuery循环遍历列表

Question

我有一个清单如下：

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

我有一个文本框，我在一个名为get. 现在，我想使用 jquery 遍历这个列表，并将get's 的值与列表的匹配值进行比较。如果它们匹配，我必须将它们打印在标签中。

Answer 1

尝试

var getsValue = $.trim( $("#getId").val() );
var matchedList = [];
$("ul > li").each(function() {
  if( getsValue == $(this).text().substr(0,1) ) { //check first character
     //found -- do something
     //add to matched list array
     matchedList.push( $(this).text());
  }
});

或者如果您将 id 添加到 ul 会更好，因此您可以这样做：

$("ul#someId > li").each(function() { ...

要检查是否包含字符，可以使用 indexOf，例如：

console.log(someString.indexOf("T")); //will return position if found else -1

你的意思是这样的吗

Answer 2

要遍历列表项，请使用 jquery 的 each() 函数。尝试：

var get = "Tea"; //or other value
$('li').each(function(index) {
    if($(this).text()==get){
   //doMagic();
    }

});​