Pour obtenir la valeur d'un TD en utilisant JQuery

Question

J'ai obtenu un tableau très simple avec seulement deux lignes.
Je pensais quelle est la meilleure façon d'obtenir la valeur de la TD avec l'ID "row2".

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

Voici ma tentative:

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

Mais je ne vois pas un message pop-up. Que dois-je faire dans le code JQuery si je veux spécifier l'ID de la table avec l'ID TD?

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

Answer 1

Cela fera pour vous:

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

In action here pour votre plus grand plaisir.

Answer 2

Utilisation text() au lieu de val()

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

Plus d'info:

• .text()

Answer 3

l'ID TD va être unique que ce soit dans une table. Il n'est pas correct d'avoir deux tables avec ID TD dans les deux tableaux. Par conséquent, si vous vous sentez alors accole l'identifiant de table pour l'ID de TD comme ceci: (puis utilisez les réponses ci-dessus)

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

cette aide?

Answer 4

<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>     

code jquery pour sélectionner la valeur particulière td

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