2010-07-31 4 views
5

У меня очень простая таблица с двумя строками.
Я думал, что это лучший способ получить значение от TD с идентификатором «row2».
Чтобы получить значение TD с помощью JQuery

<Table id="testing> 
<tr> 
<th> 
</th> 
<td id="row1">hello</td> 
</tr> 
<tr> 
<th> 
</th> 
<td id="row2">world</td> 
</tr> 
</table> 

Вот моя попытка:

$(document).ready(function(){ 
     var r=$("#testing":row2).val(); 
     alert(r); 
}); 

Но я не мог видеть любой всплывающее сообщение. Что мне делать в коде JQuery, если я хочу указать ID таблицы вместе с TD ID?

var r=$("#testing":row2).text(); 
var r=$("#testing").children("row2").text(); 
+0

Там нет смысла в поиске селектор, который использует идентификатор таблицы наряду с TD ID. Идентификаторы элементов должны быть уникальными на странице. Просто используя один идентификатор TD, вы попадете прямо к этому предмету –

+0

@Scott Evernden. Спасибо за помощь. – user327712

+0

Полный учебник о том, как получить значение таблицы таблицы TD. Http://codepedia.info/jquery-get-table-cell-td-value-div/ –

ответ

21

Это будет делать это для вас:

var r = $("#testing #row2").text(); 
    alert(r); 

In action here для Вашего удовольствия.

+0

Спасибо Pat. Не могли бы вы показать мне код JQuery, если я хочу указать, к какой таблице принадлежит TD, а не только идентификатор TD. – user327712

+0

Absolument - я изменил код выше, чтобы добавить идентификатор таблицы в селектор. Однако, строго говоря, это не требуется в вашем случае, потому что идентификатор должен быть уникальным в документе (т. Е. Вы не должны иметь никаких идентификаторов 'row2' в другом месте). Если вам нужно несколько row2, вы можете использовать классы: '', и в этом случае ваш селектор станет '$ (" # testing .row2 ")'. Подробнее о селекторах читайте здесь: http://api.jquery.com/category/selectors/. Короткий вариант заключается в том, что если селектор работает в CSS, он будет работать в jQuery. – Pat

+0

Еще раз спасибо за помощь, Pat. – user327712

4

Использование text() вместо val()

var r = $("#row2").text(); 

Дополнительная информация:

0

ТД ID будет уникальным и быть в любой таблице. Неправильно иметь две таблицы с идентификатором TD в обеих таблицах. Поэтому, если вы чувствуете, затем добавить идентификатор таблицы для TD ID так как: (а затем использовать ответы выше)

<table id="test1"> 
    <tr> 
    <th> 
    </th> 
    <td id="test1_row1">hello</td> 
    </tr> 
    <tr> 
    <th> 
    </th> 
    <td id="test1_row2">world</td> 
    </tr> 
</table> 

делает эту помощь?

0
<table> 
<tr> 
    <td class="tdcls">1</td> 
    <td class="tdcls">2</td> 
    <td class="tdcls">3</td> 
</tr> 
<tr> 
    <td class="tdcls">4</td> 
    <td class="tdcls">5</td> 
    <td class="tdcls">6</td> 
</tr>     

JQuery код, чтобы выбрать конкретное значение TD

$(".tdcls").mouseenter(function(){ 
    var a = $(this).text(); 
}); 
+0

наверняка вы получите ответ –

Смежные вопросы