jQuery获取每个属性并将它们附加到每个新div

时间:2015-09-06 19:31:35

标签: javascript jquery html append attr

我有一个<li>列表,其中包含.boxitem个类。在每个<li>作为属性,

exmp---ee_list_itemident="142765"

我想循环每个boxitem并在每个div中添加一个新的boxItem

<li class="boxItem auto-height first  grid_4">
    <div class="boxItem-wrap">
        <div class="item-name">
            <a ee_list_itemname="itemname= " ee_list_itemprice="0" ee_list_itemid="50011" ee_list_itemident="14d65" </a>
        </div>
        <div class="MiscFieldsIcons">
            <ul class="MiscIconUl">
            </ul>
        </div>
        <div class="pbcontact">
            <a class="openproductform" href="/product_contact_form.asp?itemident=2345&amp;subject_postfix="/>
        </div>
    </div>
</li>      
<li class="boxItem auto-height first  grid_4">
    <div class="boxItem-wrap">
        <div class="item-name">
            <a ee_list_itemname="itemname= " ee_list_itemprice="0" ee_list_itemid="32344" ee_list_itemident="142765" </a>
        </div>
        <div class="MiscFieldsIcons">
            <ul class="MiscIconUl">
            </ul>
        </div>
        <div class="pbcontact">
            <a class="openproductform" href="/product_contact_form.asp?itemident=2345&amp;subject_postfix="/>
        </div>
    </div>
</li>      

我试着这样做,

$(".boxItem").each(function() {
   var myclass = $(this).find( ".ee_product_click" ).attr('ee_list_itemident');
   var txt = $(this).text();
   $("<span>"+txt+"</span>").appendTo(".boxItem");
 });

并且它不起作用。

1 个答案:

答案 0 :(得分:0)

JSFiddle包含改进的HTML标记和javascript,可获取每个.boxItem

的html内容