Question

我希望在flike div中获得跨度值，当我点击＆＃39; A＆＃39;标签。在我的剧本中，我得到了无效的＃39;值。我的错在哪里？谢谢。

我的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元素。使用元素中的目标空间选择器将无法在dom遍历方法中工作，如.next()，.prev()，.siblings()等。使用方法：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

你需要找到下一个元素（'flike'）然后跨度 -

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

Answer 3

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

Answer 4

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

var spanVal = $（“。flike span”）。text（）;

希望这会有所帮助......

Answer 5

或者您可以直接使用

＆＃13;

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

＆＃13;

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

＆＃13;

在jquery中返回span的空值？

5 个答案: