jQuery .next（）在FF中返回NULL，但不在chrome中，即opera！

Question

我已經花了數小時試圖解決這個問題，但不能！與標題sais一樣，以下代碼適用於除Firefox之外的所有內容！

HTML

<div class="bottom"> 
    <fieldset> 
    <ul> 
     <li> 
      <label> 
       <input type="radio" name="fronts" class="config-inp-cha" value="1" checked="checked" /> 
        Buckets w/ adj headrests 
        ($<div class="price-config">179.97</div>) 
      </label>&nbsp; 
     </li> 
    </ul> 
    </fieldset> 
</div><!--bottom--> 

JavaScript的說明：很簡單，我抓住了價格配置div的價值參考選中的值。這在Firefox中返回NaN，但適用於所有其他瀏覽器！ PLzzz幫助

$(document).ready(function() 
{ 
    var fronts_price = parseFloat($("input[name=fronts]:checked").next('.price-config').html()); 
    alert(fronts_price); 
}); 

Answer 1

您是否試過正確使用<label>標記？ http://www.w3schools.com/tags/tag_label.asp

Answer 2

股利只是更改爲跨度：

http://jsfiddle.net/rdyhE/4/

編輯：忘了更改結束標籤

Answer 3

如果您使用的是最新的jQuery，和任何真正的jQuery的爲此事，你需要用name屬性中選擇引號：

$(document).ready(function() 
{ 
    var fronts_price = parseFloat($('input[name="fronts"]:checked').next('.price-config').html()); 
    alert(fronts_price); 
});