0

選択した td アイテムのデータを取得する必要があります。この場合、<td>各行の 2 番目の項目のデータが必要だとします。HTMLを取得するために単純なJqueryを試しましたが、同じデータを取得します(つまり、最初<tr>の<td>データから2番目のデータです。2行目と連続する行からデータを取得するにはどうすればよいですか?

編集

それぞれのリンクがクリックされたときにデータ (td のテキスト) を取得したい。

<table>
<tr>
  <td>1</td>
  <td class="name">First</td>
  <td>something else</td>
  <td><a class="link">Order</a></td>

</tr>
<tr>
  <td>2</td>
  <td class="name">second</td>
  <td>something else</td>
  <a class="link">Order</a>

</tr>
</table>

私が使用した関数は、そのクラスのみで最初の td からデータを取得するだけでした。のようなものを使用する必要があると思いますparent()。しかし、Jquery の知識はほとんどありません。

var itemName = $('td.itemname').html();

また

var itemName = $('.itemname').html();
4

3 に答える 3

3 
var tdValues = [];
$(".name").each(function () {
    tdValues.push($(this).text());
});

tdこれで、変数にそれぞれのテキストコンテンツの配列ができましたtdValues。

2行目のみが必要な場合：

var tdValue = $("tr:eq(1) .name").text();

2行目以降が必要な場合は、

$("tr:gt(0) .name").each(...)

編集：

$(".link").on('click', function () {
    var text = $(this).closest('tr').find('.name').text();
});
于 2013-02-19T23:49:06.527 に答える
2

リンクをクリックしたときにこれが機能すると仮定すると、次のようになります。

$(function(){
  $("a.link").click(function() {
    var secondTd = $(this).parents("tr").find("td.name").first();
    alert(secondTd.html());
  });
});
于 2013-02-19T23:54:41.373 に答える
1

nth次のように関数を使用します。

$('table tr td:nth-child(2)').text();

これにより、2 番目の列すべてのテキストが得られます。nth関数はゼロベースではありません。

于 2013-02-19T23:52:21.957 に答える