Question

我有这样的列表元素：

<li>
<strong style="color: #BBB;">1</strong>
<a href="">Matt</a>
<b>4 days ago</b>
<img id="911" class="commentlike" src="../Images/likesred.png">
<p>20ptanswerlol</p>
</li>

我目前有img的onclick事件，它完美无缺。我想要做的是使jquery中的onclick事件将数字“1”更改为0或2.基本上我希望里面的文本添加一个或减去一个。

首先我必须找到元素，但我似乎无法这样做......有什么帮助吗？

感谢。

Answer 1

从<strong>找到<img>标记：

$('img').click(function() {
    var strongTag = $(this).prevAll('strong');
});

并检索，增加和更新它的值：

var number = parseInt(strongTag.text(), 10);
number++;
strongTag.text(number);

现在我们有：

$('img').click(function() {
    var strongTag = $(this).prevAll('strong');

    var number = parseInt(strongTag.text(), 10);    // Parse integer
    number++;    // Increment number by 1
    strongTag.text(number);    // Set the <strong>'s text to new number
});

要减去1，只需执行number--或其他任何需要的逻辑。

Answer 2

<strong style="color: #BBB;" id="field_name">1</strong>    

$('img').click(function() {
    $("#field_name").update("New text");
});

使用jquery </strong>更改<strong>元素中的数字

2 个答案: