javascript - 要素の前にliを追加します

Question

jQueryを使用して、li以下のような要素の前にを追加したいと思います。最初は次のとおりです。

<div>
    <div>
        <p> content </p>
    </div>
</div>

そして後は：

<li>
    <div>
        <div>
            <p> content </p>
        </div>
    </div>
</li>

私のコードでは、次のようになります。

<li></li>
<div>
    <div>
        <p> content </p>
    </div>
</div>

それは私が望むものではありません。私は2番目の例を探しています。助けてください。ありがとうございました！

score 3 · Accepted Answer

これを試して

 <div id="here" >
         <div>
         <p> content </p>
         </div>
   </div>


$('#here').wrap('<li>');

score 1 · Accepted Answer

wrapそれを行うことができます：

$("selector for your div").wrap("<li>");

しかし、それが有効な構造をすぐに想像することはできません。が無効であるか（、、、またはの直接の子としてdiv持つことができないため）、または一度入力すると無効になります（、、、またはの直接の子である必要があるため）。divulolmenulili ulolmenu

score 0 · Accepted Answer

私はこれがこのようになるべきだと思います：

$('p:contains(content)').parent().parent().wrap('<li>');

score 0 · Accepted Answer

追加しようとしないでください。

独立したLIを作成し、代わりにdivにラップします。

<div id="myDiv" >
         <div>
         <p> content </p>
         </div>
   </div>


$('#myDiv').wrap('<li>');

4 に答える 4