Question

我正在寻找一种方法来填充div基于我点击的内容。

首先，我生成一个这样的动态表：

    user    name     total hours worked     button(unique id, that i fetch from database)

    user    name     total hours worked     button(unique id, that i fetch from database)

    user    name     total hours worked     button(unique id, that i fetch from database)

我得到的信息来自数据库，每个按钮都有一个不同的id，数据库表中的id，对应于用户。

我现在想做什么：

当我点击详细信息，转到另一个表格，并为我点击制作另一个表格的用户提供详细数据。我成功地完成了这个功能：

public function show_detailed_activity(){

    $string = $this -> detailed_activity(2);

    $string = str_replace("\n", '', $string);

    $function = "
          $('#detailed_table').append('".$string."');
    ";
    $empty = "$('#detailed_table').empty();";

    $this -> javascript -> click('.btn.btn-info',$empty);
    $this -> javascript -> click('.btn.btn-info',$function);
    $this -> javascript -> compile();
}

detailed_activity是一个函数，它为我提供了一个字符串，在html中是一个包含我需要的数据的表，对于我传递了id的用户。

但是你可以看到我刚刚过去了＃2;＆＃39;测试它是否有效。所以选择什么按钮与班级＆＃39; .btn.btn-info＆＃39;，我点击，我的div将拥有ID为＆＃39; 2＆＃39;

当我点击按钮时，首先检索按钮的ID，之后调用属于Codeigniter model的函数，之后将其传递给div？

Answer 1

为你的函数添加一个参数。

public function show_detailed_activity(id){
    $string = $this -> detailed_activity(id);
    // ...
}

并在点击事件中调用它：

show_detailed_activity($(this).attr("id"));

Answer 2

根据你的HTML，你分配不同的类，所以你可以得到所有这些类

$('.tg tr th')

然后，如果你想要一个特定的，你可以做这样的事情（假设id可通过js获得）

$('.tg tr').find('#1')

我用于此的HTML是

<table class="tg"><thead><tr><th class="tg-031e">Date</th><th class="tg-031e" id="1">Number of hours worked this day</th></tr></thead></table>

希望这有帮助

动态div内容。 jQuery的

2 个答案: