jQuery的 - 獲取輸入屬性和輸入之後將其添加爲文本

Question

這裏是我的HTML代碼：

<div class="list"> 
    <input checked="checked" data-blacklist="[392,340,393]" data-parentarticleid="249" data-price="0" data-price-included="1" data-string-value="2x500GB SATA2" id="article_249" name="hardwareSetHD" type="radio" value="249"><label for="article_249">2x500GB SATA2 <span></span> </label> 
</div> 
<div class="list"> 
    <input checked="checked" data-blacklist="[392,340,393]" data-parentarticleid="249" data-price="10" data-price-included="1" data-string-value="4x500GB SATA2" id="article_241" name="hardwareSetHD" type="radio" value="241"><label for="article_241">2x500GB SATA2 <span></span> </label> 
</div> 
<div class="list"> 
    <input checked="checked" data-blacklist="[392,340,393]" data-parentarticleid="242" data-price="20" data-price-included="1" data-string-value="8x500GB SATA2" id="article_242" name="hardwareSetHD" type="radio" value="242"><label for="article_242">8x500GB SATA2 <span></span> </label> 
</div> 

我想要什麼？

當文件加載後在<span></span>加入ADD後輸入收音機，文本夾住data-price。

這裏是我的嘗試：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('input[type=radio][name=hardwareSetRAM]').this(text($(this).attr("data-price"))); 
}); 
</script> 

所以，我怎樣才能從每一個輸入data-price與名稱hardwareSetHD並將其添加爲輸入後的文字？

在此先感謝！

Answer 1

您需要迭代每一行，獲取價格的值並更新span標籤。

$(document).ready(function($) { 

    $('.list').each(function() { 

     var inp = $(this).find('input[type=radio]'), 
      span = $(this).find('span'); 

     var price = inp.data('price'); 

     span.text(price); 

    }); 

}); 

jQuery.data()