Question

我有一个php文件：

$sql = mysql_query("SELECT id, name FROM table") or die(mysql_error());
if (mysql_num_rows($sql) > 0){
    while($row = mysql_fetch_array($sql)){
      echo "<div class=\"content-row\">
                <div class=\"row-1\">".$row['id']."</div>
                <div class=\"row-2\">".$row['name']."</div>
            </div>;
   }
}

在JS文件中：

success: funxction(data){ $(".content").html(data); }

在HTML文件中我有：

<div class="content">
    // Here the ajax put the divs
</div>

点击按钮后如何获取<div class="row-1"></div> or <div class="row-2"></div>的内容？该按钮位于.content区域之外。我点击了一行，它被点亮了，我点击了按钮。单击按钮时，我想获取行和点亮的id和名称div内容。

............................................. 更新：我有这个js代码： http://pastebin.com/bjU8Kp3L

当我点击按钮时，检查是否选择了一行;如果未选中，我会收到通知，如果选择了行，我想接收div内容：）

Answer 1

您必须将event-delegation用于动态创建的元素

将click-handler绑定在静态元素上，并将事件委托给动态的：

$('.content').on('click', '.content-row > div', function(){

    $(this).text();
    //OR
    $(this).html();

});

Demo

如何在点击时获取动态附加的<div>的内容？</div>

1 个答案: