如何使用jQuery函數包裝

<div data-filter="true" data-input="#filterBasic-input" data-theme="b" data-role="collapsible-set" data-inset="true" id="filter" class="wrapcoll"> 
    <div class="part"data-role="collapsible"> 
     <p>ZYRTEC</p> 
     <p>CETIRIZINE</p> 
     <p>10MG</p> 
     <p>B/10</p> 
     <p> 
     En cas de prescription de ce medicament ant&#233;rieure &#224; la date du 13.03.2010, _il y'a lieu d'appliquer le tarif de r&#233;f&#233;rence suivant: 75.00DA. 
     </p> 
    </div> 
</div>

有一個jquery腳本來改變我5000個DIV像這樣：如何使用jQuery函數包裝

<div data-filter="true" data-input="#filterBasic-input" data-theme="b" data-role="collapsible-set" data-inset="true" id="filter" class="wrapcoll"> 
    <div class="part"data-role="collapsible"> 
     <h3> 
      <span class="medic">ZYRTEC</span> 
      <span> 
       <a class="gene ui-btn-right" href="#" data-role="button" data-inline="true" data-mini="true" dat-inset="true">generique</a> 
      </span> 
     </h3> 
     <p class="dci">CETIRIZINE</p> 
     <p class="dose">10MG       MG</p> 
     <p class="cond">B/10</p> 
     <p class="desc"> 
     En cas de prescription de ce medicament ant&#233;rieure &#224; la date du 13.03.2010, _il y'a lieu d'appliquer le tarif de r&#233;f&#233;rence suivant: 75.00DA. 
     </p> 
    </div> 
</div>

我不擅長jQuery的我嘗試包解包並添加類fonction但沒有做到這一點，結果只適用於第一個div，我希望它爲我所有的5000 div。 thx尋求幫助

來源

2014-01-09 user3154339

5000的div操縱一次是不是一個好主意。你能打印出他們想要的標記嗎？ – Alex

您可以使用wrap和unwrap函數。

考慮下面的HTML：

<div class="container"> 
<div class="inner">Hello</div> 
<div class="inner">Goodbye</div> 
</div>

使用.wrap（），我們可以將一個HTML結構環繞內部元素，像這樣：

$(".inner").wrap("<div class='new'></div>");

來源

2014-01-09 09:04:38

你可以使用這樣的：

wrap：

$(".inner").wrap("<div class='new'></div>");

和展開：

var pTags = $("p"); 
$("button").click(function() { 
    if (pTags.parent().is("div")) { 
    pTags.unwrap(); 
    } else { 
    pTags.wrap("<div></div>"); 
    } 
});

Source

來源

2014-01-09 09:06:06 user3099199

試試這個

$('.part').each(function(){ 
    var text=$(this).find('p:eq(0)').text() 
    $(this).find('p:eq(0)').remove() 
    $(this).prepend('<h3><span class="medic">'+text+'</span>\ <span><a class="gene ui-btn-right" href="#" \ 
data-role="button" data-inline="true" data-mini="true" dat-inset="true">generique</a> \ 
</span></h3>') 
    $(this).find('p:eq(0)').addClass('dci') 
    $(this).find('p:eq(1)').addClass('dose') 
    $(this).find('p:eq(2)').addClass('cond') 
    $(this).find('p:eq(3)').addClass('desc') 

});

DEMO

來源

2014-01-09 09:31:14

非常感謝你的工作 – user3154339

@ user3154339接受答案upvote它有幫助 –

如何使用jQuery函數包裝

回答

相關問題