javascript - 从具有特定类的跨度中获取文本

Question

我有下面的 HTML 和 JQuery 代码，我需要一些帮助来执行以下操作，我有一些带有运费类型的单选按钮，当用户选择其中一个时，我需要得到它的价格，它在类的范围内price. 我试过使用.closest()，但我得到了空结果（JQuery v1.7.2）。任何人都可以帮我得到这个吗？

HTML

<div class="freight">
    <input type="radio" name="freight-type" id="FX" value="FX" />
    <label for="FX">
        <span class="blue">Fedex</span>- 
        <strong>US$ <span class="price">12.42</span> </strong>
        <span class="small-text"> (Delivery time: <strong>3 business days)</strong></span>
    </label>
</div>

jQuery

$("input[name=freight-type]").change(function() {

    alert( $(this).closest(".price").text() )

});

Answer 1

http://jsfiddle.net/4AEyp/

一个例子

$("input[name='freight-type']").change(function() {
   alert($(this).parent().find('.price').text());
});​

Answer 2

试试这个：

$("input[name=freight-type]").change(function() { 
    alert( $(this).parent().find(".price:first").text() )
});

Answer 3

close() 向上遍历 DOM 树，因此它会开始在 div.fregith 中查找，然后从那里向上遍历 DOM 树。

试试这个作为你的选择器：

$(this).next('label').find('.price')