2

私は datatable.i の単純な contexMenu を書いていdatatablesます。データのリストを作成するためにクラスを使用しています。それぞれの右クリックでテーブルの最初のセルを見つけたいです。HTML: jquery:

    $("#showTopics tbody").bind("contextmenu",function(event) {
        var aata = $(this).children('tr').children('td').eq(0).text();
        alert(aata);
    return false;
});

HTML

<table id='showTopics' style='line-height:18px;'>
    <thead>
        <tr>
            <th style='width:30%;text-align:right;'>X"</th>
            <th style='width:7%;'>a</th>
            <th style='width:12%;'>b</th>
            <th style='width:11%;'>c</th>
            <th style='width:9%;'>d</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

データテーブルを使用して生成された tbody:

以下は、データテーブルで生成され、tbody の間に配置された後の結果です。

row_selectedコンテキスト メニューを使用して をクリックした後、jquery で設定しますtr。

どうすればそれを見つけることができますか? たとえば、最初の行をクリックした後、 i が必要で7、2番目の tr をクリックした後8。

私の英語でごめんなさい

<tr class="odd row_selected">
  <td class=" sorting_1">7</td>
  <td class="">0000-00-00</td>
  <td class="">0</td>
  <td class="">a</td>
  <td class="">aa</td>
</tr>
<tr class="even">
  <td class=" sorting_1">8</td>
  <td class="">0000-00-00</td>
  <td class="">0</td>
  <td class="">b</td>
  <td class="">bb</td>
</tr>
4

2 に答える 2

0

コードを次のように変更する必要があります。コンテキスト メニューを tbody にバインドする代わりに、各 tr にバインドします。

$("#showTopics tbody tr").bind("contextmenu", function (event) {
    var aata = $(this).find("td:eq(0)").text();
    alert(aata);
    return false;
});
于 2013-05-16T13:54:44.587 に答える