return span's在jquery中为null值

return span's null value in jquery?

本文关键字：jquery 中为 null span return      更新时间：2023-09-26

当我点击"A"标记时，我想在flike-div中获得span值。在我的脚本中，我得到了"null"值。我的错在哪里？非常感谢。

我的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);
    });
});

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

$(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>

您需要找到下一个元素（'like'），然后span-

$(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.1/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>

$(function () {
    $('.like a').on('click', function () {
        var svalue = $('.flike').children('span').text();
        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>

您可以直接获得该元素的值，如下所示：

var spanVal=$（".flike span"）.text（）；

希望这能帮助。。。

或者您可以直接使用

$(function () {
    $('.like a span').on('click', function () {
        var svalue = $(this).html();
        alert(svalue);
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="bottom"><div class="like">
    <a href="#"><i class="fa fa-thumbs-o-up"></i><span>5</span></a>
    <div class="flike"><span>5</span></div>
</div></div>

相关文章：