2010-07-31 10 views
5

otrzymałem bardzo prostą tabelę z tylko dwoma wierszami.
Myślałem, jaki jest najlepszy sposób, aby uzyskać wartość od TD z identyfikatorem "row2".
Aby uzyskać wartość TD za pomocą JQuery

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

Oto moja próba:

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

Ale nie mogłem zobaczyć każdy komunikat pop-up. Co mam zrobić w kodzie JQuery, jeśli chcę określić identyfikator tabeli wraz z identyfikatorem TD?

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

Nie ma sensu w szukaniu selektor, który używa identyfikatora tabela wraz z identyfikatorem TD. Identyfikatory elementów mają być unikalne na stronie. Po prostu użycie pojedynczego TD ID przeniesie Cię bezpośrednio do tego przedmiotu –

+0

@Scott Evernden. Dziękuję za pomoc. – user327712

+0

Kompletny poradnik, jak uzyskać wartość TD komórki tabeli: http://codepedia.info/jquery-get-table-cell-td-value-div/ –

Odpowiedz

21

to zrobi to za ciebie:

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

In action here do oglądania.

+0

Dzięki Pat. Czy mógłbyś pokazać mi kod Jquery'ego, jeśli chcę określić, do której Tablicy należy TD, a nie tylko TD ID. – user327712

+0

Absolument - Dokonałem edycji powyższego kodu, aby dodać identyfikator tabeli do selektora. Jednak ściśle rzecz biorąc, nie powinno to być wymagane w twoim przypadku, ponieważ identyfikator powinien być unikalny w dokumencie (tzn. Nie powinieneś mieć żadnych identyfikatorów 'row2' w innym miejscu). Jeśli potrzebujesz wielu wierszy 2, możesz użyć klas: '', w takim przypadku twój selektor stanie się '$ (" # testing .row2 ")'. Możesz przeczytać więcej o selektorach tutaj: http://api.jquery.com/category/selectors/. Krótka wersja jest taka, że ​​jeśli selektor działa w CSS, będzie działał w jQuery. – Pat

+0

Jeszcze raz dziękuję za pomoc, Pat. – user327712

4

Zastosowanie text() zamiast val()

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

Więcej informacji:

0

identyfikator TD będzie wyjątkowy czy to w dowolnej tabeli. Nie jest dobrze mieć dwie tabele z TD ID w obu tabelach. Dlatego też, jeśli czujesz, następnie dołączyć stole ID dla identyfikatora TD tak: (i następnie użyj powyższych odpowiedzi)

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

Czy to pomoże?

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>     

kod jquery, aby wybrać określoną wartość td

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

na pewno otrzymasz odpowiedź –

Powiązane problemy