Wie TD Zellenwerte erhalten jquery mit

Question

würde Ich mag den Text aus dem ersten und zweiten TD erhalten, die die Klasse Benutzer und id

<tr class="item-model-number"> 
    <td class="label">Item model number</td> 
    <td class="value">GL552VW-CN426T</td> 
</tr> 

ich dieses jQuery-Code haben versucht, hat aber für nicht funktioniert hat me:

$(".item-model-number").find("td").each(function() { 
    var test = $(this).text(); 
    alert(test); 
} 

ich möchte GL552VW-CN426T abzurufen aus dem Inneren des zweiten td-Tag in der tr.

Answer 1

Sie müssen nur Ihre Wähler zu ändern, um das richtige Element zu erhalten:

$(".item-model-number .value").each(function() { 
 
    var value = $(this).text(); 
 
    console.log(value); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr class="item-model-number"> 
 
    <td class="label">Item model number</td> 
 
    <td class="value">GL552VW-CN426T</td> 
 
    </tr> 
 
</table>

Answer 2

Wenn Sie immer den zweiten td Tag bekommen, die den Wert enthält, können Sie nur die Verwendung Klassenselektor, um das DOM-Element mit $('.item-model-number .value') auszuwählen.

Wenn Sie das zweite td-Tag erhalten möchten, ohne den Klassennamen zu verwenden, können Sie einen n-ten Typselektor mit $('.item-model-number td:nth-of-type(2)') verwenden.

Um den Inhalt des DOM-Elements erhalten Sie .text() auf die jQuery Elemente zurück durch den Wähler aufrufen kann so die ganze Sache wie $('.item-model-number .value').text() oder $('.item-model-number td:nth-of-type(2)').text()