根据div中的其他<span>类获取<span>的值</span> </span>

Question

所以我有以下HTML：

<div class="calculator-section">
    <p>
        <span class="x"></span>
        <span class="amount">30</span>
    </p>
    <p>
        <span class="y"></span>
    </p>
</div>

我想要做的是获取<span>内的数字＆＃39;金额＆＃39;在每个calculator-section内，根据类＆＃39; x＆＃39;的范围。可以有多个div与类＆＃39;计算器 - 部分＆＃39;在具有不同跨度的那些中有多个<p>。

大致我想做什么（我知道这不会起作用，只是为了展示我想要做的事情）：

var amount = 0;

$('.calculator-section p').each(function(i, obj) {
    if($(this).$('span').className == "x") {
        //Set 'amount' variable to value within <span> with class 'amount' within the same <p>.
    }
});

希望这个例子有意义。有什么想法吗？

Answer 1

我建议：

$('.calculator-section p .x').text(function () {
    return $(this).next('.amount');
});

参考文献：

• next()。
• text()。

Answer 2

试试这个

var amount = 0;
$('.calculator-section p span').each(function(i, obj) {
    if($(this).attr('class') == "x") {
        amount = $(this).next('.amount').text();
        return false;
    }
});
alert(amount);