如何使用jQuery获取列表中的特定项目？

Question

I have the following generic list. How do I pull a single, specific item from this list?

<ul>
  <li id="t1">topic 1</li>
  <li id="t2">topic 2</li>
</ul>

jQuery:

$li = $( "li" ).get(1);
console.log (($li).value());

Example: http://jsfiddle.net/5p86Lbpz/1/

Error:

0 is not a function

I'm following the pattern from here: https://api.jquery.com/get/ .

Answer 1

1. When you do get() , a native javascript DOM element is returned
2. When value is applicable, it is a property , not a function
3. For li elements, there is no value property, rather textContent

 $li = $("li").get(1); console.log($li.textContent);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li id="t1">topic 1</li> <li id="t2">topic 2</li> </ul>

Answer 2

您也可以使用eq() ，在我看来它比get()更好，因为它将元素作为 jQuery 对象返回，因此您可以在它上面使用 jQuery 函数，例如text() 。

$("li").eq(1).text();

Answer 3

尝试：

jQuery("li:first").html(); //This will return "topic 1"