Question

我遇到了问题，我希望可以解释一下。

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

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

现在我想在“atextdiv”-Container中添加一个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”-Container的内容？

Answer 1

就像：

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

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

Answer 2

您可以在'.atextdiv'上绑定点击事件，并在事件中使用.text()

获取其值

$('#wrapper').on('click', '.atextdiv', funnction(){
    $("#clickcontent").val($(this).text())
})

Answer 3

只需抓住发生点击事件的项目的innerHTML：

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

http://jsfiddle.net/9VE6A/8/

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

3 个答案: