使用 Jquery,我将如何使所有

发布于 2024-09-26 01:55:36 字数 971 浏览 3 评论 0原文

我将使用 jquery 插件数据表。我在文档中看到了 fnRowCallback,但它看起来很复杂。

如果我对表的行和数据进行两种类型的更改(如下所示),代码会是什么样子:

<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 服务器提取数据。诀窍是建立从数据表到网络地图的链接。我是 jquery 和 datatables 新手。非常感谢任何帮助!

I will use the jquery plugin datatables. I saw fnRowCallback in the docs, but it seemed complicated.

How would the code look like if I make 2 types of changes to the rows and data of a table that looks like this:

<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>

Change 1 relates to inserting information into each row based on its data:

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

Change 2 is to make 2 data elements of each row hidden by inserting this type of information:

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

I will be pulling the data from PHP server. The trick will be to make links from the data table to a web map. I am jquery and datatables novice. Any help is greatly appreciated!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

睫毛上残留的泪 2024-10-03 01:55:36

如果我在这里得到你的问题,你应该做什么:

请不要使用 oneclick 的东西,而是在 head 部分声明所有处理程序:

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

如果你使用 hide() 函数,可能你会弄乱表结构,所以也许最好的方法应该设置可见性隐藏

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

我希望这有帮助

If I get your question right here is what you should do:

Please dont use oneclick stuff, declare all the handlers in thehead section instead:

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

If you use hide() function probably you will mess a table structure so maybe the best way should set visibility to hidden

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

I hope this helps

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文