Html 单击按钮，警报文本标记a（jquery）

我想你看起来是这样的：

$(document).ready(function() {
   $('.postOverlayBtn').click(function(event) {
      alert($(this).prev().find('a.comments_number').text());
});
});

---

假设已更正HTML：

$('.postOverlayBtn').click(function(event) {
    alert($(this).prev().children(".comments_number").text());
});

参考资料：

$（'.postOverlayBtn'）。单击（函数（事件）{
警报（$（this.prev（）.find（'a.comments_number'）.text（））；
});

使用此功能。在你的代码中你漏掉了“）；”在函数的末尾

    <div class="postContent">
    <div class="postMeta">
            <a class="comentsQty">
            <i class="fa fa-comments-o"></i>
            <a class="comments_number" href="">1252</a>
            </a>
    </div>
    <a href="javascript:void(0);" class="postOverlayBtn">click</a>
    </div> 



 $('.postOverlayBtn').click(function(event) {
         alert($(this).prev().find('a.comments_number').text());
    });

无警报(((((

$jq（文档）.ready（函数（）{
$jq（'.postOverlayBtn'）。单击（函数（事件）{
警报（$jq（this.prev（）.find（'a.comments_number'）.text（））；
})
})

无警报

这是我的测试

<div class="postContent">
    <div class="postMeta">
            <a class="comentsQty">
            <i class="fa fa-comments-o"></i>
            <a class="comments_number" href="">1252</a>
            </a>
    </div>
    <a href="javascript:void(0);" class="postOverlayBtn">click</a>
    </div> 

$jq(document).ready(function() {
   $jq('.postOverlayBtn').click(function(event) {
    alert($jq(this).prev().find('a.comments_number').text());
   })
})

如果按钮位于div附近，那么如何返回1252？？？？？

对我来说很好，尽管HTML看起来无效。警报（$（this）.parent（）.parent（）.find（'a.comments_number'）.text（））；检查此链接

// binding a click-handling anonymous function to '.postOverlayBtn' elements:
$('.postOverlayBtn').click(function(){
    // logging to the console:
    console.log($(this)
        // finding the ancestor '.postContent' element:
        .closest('.postContent')
        // finding the descendant '.comments_number' elements:
        .find('.comments_number')
        // returning the text of the (first) '.comments_number' element:
        .text());
});

    <div class="postContent">
    <div class="postMeta">
            <a class="comentsQty">
            <i class="fa fa-comments-o"></i>
            <a class="comments_number" href="">1252</a>
            </a>
    </div>
    <a href="javascript:void(0);" class="postOverlayBtn">click</a>
    </div> 



 $('.postOverlayBtn').click(function(event) {
         alert($(this).prev().find('a.comments_number').text());
    });

 <div class="postContent">
    <div class="postMeta">
        <a class="comentsQty"> <i class="fa fa-comments-o"></i>
        </a>
        <a class="comments_number" href="">1252</a>
        </div>
    </div> 

$jq(document).ready(function() {
     $jq('.postOverlayBtn').click(function(event) {
       alert (console.log($jq(this).closest('.postContent').find('.comments_number').text()));
     })
})

alert($(this).prev().children(".comments_number").text());

<div class="postContent">
    <div class="postMeta">
            <a class="comentsQty">
            <i class="fa fa-comments-o"></i>
            <a class="comments_number" href="">1252</a>
            </a>
    </div>
    <a href="javascript:void(0);" class="postOverlayBtn">click</a>
    </div> 

$jq(document).ready(function() {
   $jq('.postOverlayBtn').click(function(event) {
    alert($jq(this).prev().find('a.comments_number').text());
   })
})

<div class="postContent">
<div class="postMeta">
        <a class="comentsQty">
        <i class="fa fa-comments-o"></i>
        <a class="comments_number" href="">1252</a>
        </a>
<div>
    <a href="#" class="postOverlayBtn"></a>
</div>