使用jQuery更改值

时间:2016-09-13 05:53:25

标签: javascript jquery

我有以下内容:

<span class="label-info">3</span>

我有以下jquery

var replaceit = $(this).closest(':has(.label-info)').find('.label-info').text();

变量的值始终是一个整数但不总是3:

ie: 1, 2, 3, 4, 5.

我尝试了很多方法,无法获得改变的价值。我的最新尝试是:

return $(this).closest(':has(.label-info)').html().replace(replaceit, (replaceit - 1)); 

我的最终结果是,从“lable-info”的当前值中减去1,并用这个新结果切换它。因此,基于3的值的新跨度将成为。

<span class="label-info">2</span>

我如何实现这一目标?

更新代码以获得更清晰

HTML:

<div>
<span class="lable-info">3</span>
</div>

<div>
   <a class="accept_friend">accept</a>
</div>

的javascript:

    $(document).on("click", "a.accept_friend", function() { 
        var checkValue = $(this).closest(':has(.name)').find('.name').text();
        var removeit = $(this).closest(':has(.item)').find('.item').fadeOut();
        var replaceit = $(this).closest(':has(.label-info)').find('.label-info').text();
        $.ajax({
            url: '/includes/accept_friend.php',
            type: 'post',
            data: {checkValue},
            success:function(data){
            return removeit;
            $("a.remove_pending").text(function () {
            return ('.label-info').html().replace(replacei, replaceit); 
        });
    }

备注:

我没有使用id。我正在上课。有多个具有相同名称的类。所以我必须通过最近的电话。

4 个答案:

答案 0 :(得分:4)

从一个范围中获取一个值,将其减去1并更新范围(使用jQuery):

<强> HTML

<span class="label-info">3</span>

<强>的jQuery

var n  = $(".label-info").text(),
    n2 = n - 1;
$(".label-info").text(n2);

希望它有所帮助

答案 1 :(得分:3)

请尝试以下代码

var currentVal = $(this).closest(':has(.label-info)').html();

var newValue = parseInt(currentVal - 1);

return newValue;

答案 2 :(得分:0)

希望这有助于你

var replaceit = $(this).closest(':has(.label-info)').text();
$(this).closest(':has(.label-info)').text(replaceit-1);

示例小提琴https://jsfiddle.net/nzdtnoas/

答案 3 :(得分:0)

您可以使用.text( function )将元素的文本更改为另一个字符串。

&#13;
&#13;
$(".label-info").text(function(i, text){
    return text - 1;
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="label-info">3</span>
&#13;
&#13;
&#13;