Question

<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这样：

    <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我尝试包装解包并添加类功能，但没有这样做，结果仅应用于第一个div，我希望它适用于我所有的5000 div。请求帮助

Answer 1

您可以使用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>" );

Answer 2

试试这个

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

Answer 3

您可以这样使用：

涡卷：

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

如何使用jquery函数包装

3 个答案: