JQuery Selector для данных таблицы с заголовком

Question

У меня есть таблица с классом и несколько строк таблицы с классами (все это классы, поскольку несколько похожих таблиц генерируются из того же кода), и я хочу получить некоторую информацию из содержащиеся в нем данные таблицы, которые имеют название. Это выглядит примерно так:

<table class='mytable'><br/> 
<tr>< td></td></tr><br/> 
<tr class ='useful'><td title='hasTitle'>9</td></tr><br/> 
</table><br/> 

(добавлено в пространствах к HTML, потому что я не знаю, как заставить его отображать теги ..)

Есть ли способ в JQuery, чтобы выбрать 9 (так что внутренний текст данных таблицы) на основе класса таблицы и строки таблицы и названия td? Я бы так предположил, но я не уверен. Я предполагаю, что это будет выглядеть как

$('#mytable tr#useful td[title='hasTitle']).html(); 

, но я не уверен, что синтаксис селекторов является правильным или нет.

Answer 1

$('.mytable tr.useful td[title="hasTitle"]').html(); 

Как вы к сведению class, не id за столом, так что вы должны использовать . вместо #.

Читайте о JQuery id selector и class selector

Answer 2

$('.mytable tr.useful td[title="hasTitle"]').html() 

jsFiddle example.

Вы ссылаетесь на идентификаторы, когда вам нужно ссылаться на классы. # выбирает идентификатор, а . выбирает класс.

В качестве альтернативы можно использовать код у вас есть (с небольшой поправкой цитаты так это было $('#mytable tr#useful td[title="hasTitle"]').html();), а также изменить HTML вашей таблицы:

<table id='mytable'><br/> 
<tr><td></td></tr><br/> 
<tr id='useful'><td title='hasTitle'>9</td></tr> 
</table>​ 

Answer 3

JQuery селектор, как «CSS» вы пишете:

$('#mytable tr#useful td[title='hasTitle']).html(); 

Здесь вы ищете объект с ID «туЬаЫм» с тром внутри ....

Вы должны написать что-то вроде: ("туЬаЫе tr.useful тд [название = 'hasTitle']").

$('table.mytable tr.useful td[title="hasTitle"]').html();