Как получить конкретный элемент в списке с помощью jQuery?

Question

У меня есть следующий общий список. Как я вытаскиваю из этого списка один конкретный элемент?

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

JQuery:

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

Пример: http://jsfiddle.net/5p86Lbpz/1/

Ошибка:

0 is not a function

Я по образцу отсюда: https://api.jquery.com/get/.

Answer 1

1. Когда вы get(), родная Javascript DOM элемент возвращается
2. Когда value применимо, это свойства, не функции
3. Для li элементов, нет value недвижимости , а не 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

Try:

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

Answer 3

Также вы можете использовать eq(), которая лучше, чем get() на мой взгляд, потому что она возвращает элемент как объект JQuery, так что вы можете использовать функции JQuery на него, как text() для пример.

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