Извлечь только одну строку таблицы из списка

Question

Если у меня есть список строк таблицы, хранящихся в переменной, существует ли способ разместить только одну из этих строк (с определенным идентификатором) в переменную-анотер?

Например, если tableRows был это -

<tr id="0"></tr> 
<tr id="1"></tr> 
<tr id="2"></tr> 
<tr id="3"></tr> 
<tr id="4"></tr> 

Как я мог установить singleRow в <tr id="2"></tr>?

Answer 1

Предполагая, что tableRows содержит строку HTML:

var singleRow = $(tableRows).filter("#2"); 

Если это уже объект JQuery оберточной строку HTML, то вы можете пропустить вызов JQuery :

var singleRow = tableRows.filter("#2"); 

Метод filter уменьшает согласованный набор элементов соответствует тем, которые соответствуют селектору (или передают тест, определенный функцией).

Адрес working example.

Однако, возможно, стоит отметить, что переменная singleRow будет содержать экземпляр jQuery, а не строковый литерал, такой как tableRows. Для того, чтобы извлечь строку из этого вам нужно немного хитрости:

var str = $("<div>").append($(rows).filter("#2")).html(); 

В принципе, вы добавляемая нужный элемент на новый (в данном случае это div), а затем вызвать html по этому вопросу. Поскольку метод html возвращает строку, у вас есть строка, содержащая содержимое нового элемента, который является вашим желаемым элементом.

Answer 2

Просто используйте

$("#2") 

получить <tr id="2"></tr>

[EDIT] Как отметил Феликс Клинг в своем комментарии, если переменная tableRows был объект JQuery и вы не хотите фильтр по id, но другим типом селектора (а не уникальным), вы должны рассмотреть возможность использования .filter(), как показал Джеймс Аллардис в своем ответе.
[EDIT 2] (Кредиты Джеймс Montagne в комментариях), это также верно, если ваши таблицы строк еще не существует и до сих пор переменной объекта

Помните, что выбор по id самый быстрый (и самый простой) способ выбора, при условии, что ваш HTML правильный, и ваш идентификатор уникален.

Answer 3

Как вы используете идентификаторы затем

$('#2') 

Answer 4

с идентификатором вы можете сделать this-

$('#2') 

Answer 5

Я предлагаю пребывания с указанием типа тега вы ожидаете.Так как dknaack предложил или

$('tr#2')

будет более точным. Но все здесь правильно. Это основы Jquery seletors. Это также похоже на CSS-селектор. Вы также можете найти больше на селекторах из документов JQuery. http://api.jquery.com/category/selectors/

Answer 6

var tableRows = $('tr'), 
    singleRow = tableRows[2];