獲取<span>基於<span>div中</span>其他<span>類的</span></span>值<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>

我想要做的是基於類“ x”的跨度，在每個calculator-section獲取類“金額”在<span>的數字。 可以有多個div類別為“ calculator-section”的類，而多個<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);