2010-07-31 245 views
5

Obtuve una tabla muy simple con solo dos filas.
Estaba pensando cuál es la mejor manera de obtener el valor del TD con ID "row2".
Para obtener un valor de TD con JQuery

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

Aquí es mi intento:

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

pero no pude ver ningún mensaje pop-up. ¿Qué debo hacer en el código de JQuery si deseo especificar la Id. De tabla junto con la TD ID?

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

No hay ningún punto en la búsqueda de un selector que utiliza el ID de la tabla junto con el ID de TD. Se supone que los ID de elemento son únicos en una página. El simple hecho de usar la TD ID individual lo llevará directamente a ese artículo –

+0

@Scott Evernden. Gracias por tu ayuda. – user327712

+0

Un tutorial completo sobre cómo obtener el valor TD de celda de tabla http://codepedia.info/jquery-get-table-cell-td-value-div/ –

Respuesta

21

Esto lo hará por usted:

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

In action here para su placer visual.

+0

Gracias Pat. ¿Podría mostrarme el código de Jquery si quiero especificar a qué tabla pertenece el TD en lugar de solo la TD ID? – user327712

+0

Absoluto: he editado el código anterior para agregar la ID de la tabla al selector. Sin embargo, estrictamente hablando, esto no debería ser necesario en su caso porque una ID debe ser única en el documento (es decir, no debe tener ninguna ID de 'row2' en ningún otro lado). Si necesita varias row2, puede usar las clases: '', en cuyo caso su selector se convertiría en '$ (" # testing .row2 ")'. Puede leer más sobre los selectores aquí: http://api.jquery.com/category/selectors/. La versión corta es que si el selector funciona en CSS, funcionará en jQuery. – Pat

+0

Gracias de nuevo por la ayuda, Pat. – user327712

4

Uso text() en lugar de val()

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

Más información:

0

el ID de TD va a ser único ya sea en cualquier mesa. No es correcto tener dos tablas con TD ID igual en ambas tablas. Por lo tanto, si usted siente que poner el ID de la tabla para el ID de TD de este modo: (a continuación, utilizar las respuestas anteriores)

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

¿Esto ayuda?

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>     

código jQuery para seleccionar un valor particular td

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

seguramente obtendrá la respuesta –

Cuestiones relacionadas