1

ここにテーブル構造があります

<table>
       <tr>
          <th>F name<th>
          <th>L name<th>
          <th>Add<th>
       </tr>
       <tr id="test3">
          <td>ssss</td>
          <td>sss</td>
          <td>sss</td>
        </tr>
        <tr id="test2">
           <td>ssss</td>
           <td>sss</td>
           <td>sss</td>
        </tr>
        <tr id="test1">
            <td>ssss</td>
            <td>sss</td>
            <td>sss</td>
        </tr>
 </table>

そして、次のようなIDを収集したい

test1     test2     test3

jQueryまたはJavaScriptも使用

4

4 に答える 4

8

あなたが試すことができます

$("tr[id]").each(function(){
  console.log(this.id);
});  

出力: test3 test2 test1

tr属性を持つものを選択しidます。また、いくつかのorをテーブル
に割り当て、それをセレクターで使用して、特定のテーブルのみを選択するようにします。 idclass


編集:
使用できるように、出現の逆順で出力したいことを理解してください

$($("tr[id]").get().reverse()).each(function(){
      console.log(this.id);
 }); 

出力: test1 test2 test3

ライブデモ

于 2013-02-22T10:43:15.877 に答える
2

$.eachすべての trs に ID があるわけではありませんが、jQuery の関数を使用して調べることができます

var ids = new Array();

$('tr').each(function() {

    if ($(this).attr('id') != "undefined") {

        ids.push($(this).attr('id'));

    }

}
于 2013-02-22T10:43:28.107 に答える
1

以下は、ID を含むテーブル内のすべての要素をループし、それを idString という文字列に追加します。

$(document).ready(function() {
  var idElems = $('tr[id]'),
      idString = '';
  idElems.each(function() {
    idString += $(this).prop('id') + ' ';
  });

  console.log(idString);
});

デモ: http://codepen.io/vobpler/pen/vjwAd

編集:なぜ文字列に連結したいのかよくわかりませんが、その中で$.eachid を介して必要なことは何でもできます$(this).prop('id')。Karma のソリューションを参照してください。

于 2013-02-22T10:46:07.303 に答える
0
$(function () {

    $("tr").each(function () {
        alert($(this).attr('id'));
    })
})
于 2013-02-22T10:45:37.700 に答える