如何在jquery中显示<p>的内容

Question

<div class="albumclass">
  <img width="100" height="100" data-assigned-id="9" src="/Content/images/fold.png">
  <p>15Sep2015</p>
</div>

上面的代码是通过jQuery动态生成的。之后，我需要显示<p>的内容，即＆＃39; 15Sep2015＆＃39;点击上面的图片。我怎么能得到这个？我使用了以下代码：

$('.album_inner').on('dblclick', '.albumclass img', function (e) {
  var txt = $(this).closest("p").text();
  alert(txt);
}

但是没有提醒任何内容。我不可能隐含地接受内容，因为会有很多类似的div。

Answer 1

.closest()获取父级。因此，请使用.siblings()或.next。我使用过.next()：

$('.album_inner').on('dblclick', '.albumclass img', function (e) {
  var txt = $(this).next("p").text();
  alert(txt);
}

Answer 2

您可以使用div找到父p并找到find()：

$('.album_inner').on('dblclick', '.albumclass img', function (e) {
    var txt = $(this).closest("div").find('p').text();
    alert(txt);
}

希望这有帮助。

Answer 3

$('.albumclass').on('click', function(){
var p_text = $(this).children('p').text();
alert(p_text);
});

Answer 4

为什么不尝试在'p'标签中添加一个类，以便你可以通过类选择器获取元素并查看 var text = $('.class').text();alert(text); 或者你可以试试 $(document.body).on('click','.class',function(){ });