it-swarm.com.de

jQuery-Selektor zuerst td jeder Zeile

Ich habe folgendes Zeug:

<table>
  <tr>
    <td>nonono</td> <!-- FIND THIS -->
    </td>foobar</td>
  </tr>
  <tr>
    <td>nonono2</td> <!-- FIND THIS -->
    </td>foobar2</td>
  </tr>
  <tr>
    <td>nonono3</td> <!-- FIND THIS -->
    </td>foobar2</td>
  </tr>
</table>

Ich habe es mit $('td:first') ohne Glück versucht;

Erwartete Rendite: <td>nonono</td>, <td>nonon2</td> Und <td>nonon3</td>

Danke im Voraus!

20
Ragen Dazs

Sie sollten :first-child Anstelle von :first Verwenden:

Klingt so, als wollten Sie sie durchlaufen. Sie können dies mit .each() tun.

Beispiel:

$('td:first-child').each(function() {
    console.log($(this).text());
});

Ergebnis:

nonono
nonono2
nonono3

Alternativ, wenn Sie nicht iterieren möchten:

$('td:first-child').css('background', '#000');

JSFiddle-Demo .

45
James Donnelly

versuchen Sie diesen Selektor -

$("tr").find("td:first")

Demo -->http://jsfiddle.net/66HbV/

Oder

$("tr td:first-child")

Demo -->http://jsfiddle.net/66HbV/1/

</td>foobar</td> sollte sein <td>foobar</td>

11
Mohammad Adil
var tablefirstcolumn=$("tr").find("td:first")
alert(tablefirstcolumn+"of Each row")
2
Parameswaran

Verwenden:

$("tr").find("td:first");

js fiddle - Dieses Beispiel hat .text() am Ende, um zu zeigen, dass es die Elemente zurückgibt.

Alternativ können Sie Folgendes verwenden:

$("td:first-child");

.find() - jQuery API-Dokumentation

2
97ldave

Sie können es so machen

$(function(){
  $("tr").find("td:eq(0)").css("color","red");
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>col_1</td>
    <td>col_2</td>
  </tr>
  <tr>
    <td>col_1</td>
    <td>col_2</td>
  </tr>
  <tr>
    <td>col_1</td>
    <td>col_2</td>
  </tr>
  <tr>
    <td>col_1</td>
    <td>col_2</td>
  </tr>
</table>
2
Kaleem Nalband

versuchen

var children = null;
$('tr').each(function(){
    var td = $(this).children('td:first');
    if(children == null)
        children = td;
    else
        children.add(td);
});

// children should now hold all the first td elements
1
Saad Imran.

$('td:first-child') gibt eine Sammlung der gewünschten Elemente zurück.

var text = $('td:first-child').map(function() {
  return $(this).html();
}).get();
1
billyonecan