0

jquery プラグイン データテーブルを使用します。ドキュメントで fnRowCallback を見ましたが、複雑に見えました。

次のようなテーブルの行とデータに 2 種類の変更を加えると、コードはどのようになりますか。

<table class='activitylocation'>
  <tbody>
    <tr>
      <td>John Smith</td>
      <td>123 Fake St</td>
      <td>lat_1</td>
      <td>lon_1</td>
    </tr>
    <tr>
      <td>XX MAN</td>
      <td>12333 Fake St</td>
      <td>lat_2</td>
      <td>lon_2</td>
    </tr>
  </tbody>
</table>

変更 1は、データに基づいて各行に情報を挿入することに関連しています。

<tr onlick="my_function1('John Smith');" onMouseOver="my_function2('lat_1','lon_1')" >

変更 2は、次のタイプの情報を挿入して、各行の 2 つのデータ要素を非表示にすることです。

  <td class='hide'>lat_1</td>
  <td class='hide'>lon_1</td>

PHPサーバーからデータを取得します。コツは、データ テーブルから Web マップへのリンクを作成することです。私はjqueryとデータテーブルの初心者です。どんな助けでも大歓迎です！

4

1 に答える 1

1

私がここであなたの質問を受け取った場合、あなたがすべきことは次のとおりです。

ワンクリックのものを使用せず、代わりにヘッドセクションですべてのハンドラーを宣言してください。

$('tr').click(function() {
    var name = $(this).children().eq(0);
    var lat_1 = $(this).children().eq(2);
    var lon_1 = $(this).children().eq(3);
});

hidden（）関数を使用すると、おそらくテーブル構造が混乱するため、可視性をhiddenに設定するのが最善の方法です。

$('td:eq(2), td:es(3)').css('visibility', 'hidden');

これがお役に立てば幸いです

于 2010-10-06T21:10:29.423 に答える