我有以下的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() )
});
答案 0 :(得分:2)
一个例子
$("input[name='freight-type']").change(function() {
alert($(this).parent().find('.price').text());
});
答案 1 :(得分:1)
试试这个:
$("input[name=freight-type]").change(function() {
alert( $(this).parent().find(".price:first").text() )
});
答案 2 :(得分:1)
nearest()通过DOM树向上移动,因此它将开始查看div.fregith,然后从那里上升DOM树。
尝试将其作为选择器:
$(this).next('label').find('.price')