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

我有个问题，希望能解释清楚

我有很多来自mysql数据库的短文本

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

while（$foo=mysql\u fetch\u object（$query））{
$text=$foo->column\u text\u db；
回显“.$text.”；
}

现在，我想向“atextdiv”容器添加一个onclik事件处理程序，该容器接收内容并将其放在输入字段中：

<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”-容器后如何获取其内容？

就像：

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

将此与单击处理程序中的

.text

方法结合使用。

就像：

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

---

结合使用

此

和单击处理程序中的

.text

方法。

您可以在

'.atextdiv'

上绑定单击事件，并在事件中使用

---

您可以在

'.atextdiv'

上绑定click事件，并在事件中使用

---

只需获取发生单击事件的项目的innerHTML：

$('.atextdiv').click(function(e){
    alert(e.currentTarget.innerHTML);
 })

---

只需抓取发生单击事件的项目的innerHTML即可：

$('.atextdiv').click(function(e){
    alert(e.currentTarget.innerHTML);
 })

---

理想情况下，您应该绑定到比

文档

更接近的共同祖先。理想情况下，您应该绑定到比

文档

更接近的共同祖先。