jQuery循环遍历List

时间:2012-08-27 09:04:18

标签: jquery

我有一个如下列表:

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

我有一个文本框,我在一个名为get的变量中输入了值。现在,我想使用jquery遍历此列表,并希望将get的值与列表的匹配值进行比较。如果它们匹配,我必须在标签上打印它们。

2 个答案:

答案 0 :(得分:0)

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

你的意思是那样吗

答案 1 :(得分:0)

循环遍历列表项,使用jquery的each()函数。尝试:

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

});​