我有一个问题,希望可以解释。
我有很多来自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”-容器的内容?
最佳答案
就像:
$(".atextdiv").click(function() {
console.log($(this).text());
});
在点击处理程序中结合使用
this
和.text
方法。