javascript - 如何使用 jQuery 获取非特定 DIV 元素的内容

Question

我有一个问题，希望能得到解释。

我有很多来自 mysql-DB 的短文本。

while ($foo = mysql_fetch_object($query)) {
  $text = $foo -> column_text_db;
  echo '<div class="atextdiv">' . $text . '</div>';
  }

现在我想向“atextdiv”容器添加一个 onclik-Event-Handler，该容器获取内容并将其放在输入字段上:

<form>
<input type="text" id="clickcontent" />
</form>

我的问题:每个页面在数据库中都有不同数量的记录。最终的 HTML 代码(解析 PHP 代码后)可能是:

 <div id="wrapper">
 <div class="atextdiv">Papa was a rolling stone</div>
 <div class="atextdiv">Oh my god! They killed Kenny</div>
 <div class="atextdiv">Foo Bar</div>
 <!-- more content -->
 </div>
 <form>
 <input type="text" id="clickcontent" />
 </form>

那么，点击后如何获取每个“atextdiv”容器的内容呢？

Answer 1

就像:

$(".atextdiv").click(function() {
    console.log($(this).text());
});

在点击处理程序中结合使用 this 和 .text 方法。