Javascript 获取<；span>；基于其他<；span>；在div中的类？

因此，我有以下HTML：

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

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

试试这个

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

我建议：

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

参考资料：

---

我建议根据您的答案构建此结构，因为@user3420034希望将变量

amount

设置为

span.amount

的值。这样他就可以按顺序存储所有计算器的值<代码>风险值金额=[]$（'.calculator部分p.x'）.each（函数（）{amount.push（Number（$（this.next（'.amount'）.text（）））））

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