javascript - 在 jquery 中返回 span 的空值？

Question

当我点击“A”标签时，我想在 flike div 中获取跨度值。在我的脚本中，我得到了“空”值。我的错在哪里？谢谢。

我的 html 代码:

<div class="bottom"><div class="like">
    <a><i class="fa fa-thumbs-o-up"></i><span>5</span></a>
    <div class="flike"><span>5</span></div>
</div></div>

我的脚本:

$(function () {
    $('.like a').on('click', function () {
        var svalue = $(this).next(".flike span").html();
        alert(svalue);
    });
});

Answer 1

目标 span 元素的选择器错误。您需要先找到下一个 div 元素，然后在其中找到 span 元素。使用空格选择器定位元素在 .next()、.prev() 等 dom 遍历方法中不起作用,.siblings()等。使用:

$(function () {
    $('.like a').on('click', function () {
        var svalue = $(this).next(".flike").find('span').html();
        alert(svalue);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="bottom"><div class="like">
    <a><i class="fa fa-thumbs-o-up"></i><span>5</span></a>
    <div class="flike"><span>5</span></div>
</div></div>