2014-01-09 34 views
0
<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寻求帮助

+1

5000的div操纵一次是不是一个好主意。你能打印出他们想要的标记吗? – Alex

回答

3

您可以使用wrapunwrap函数。

考虑下面的HTML:

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

使用.wrap(),我们可以将一个HTML结构环绕内部元素,像这样:

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

你可以使用这样的:

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

1

试试这个

$('.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

+0

非常感谢你的工作 – user3154339

+0

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