Question

如何克隆p中的.someClass元素，在保留文本的同时删除p标记，然后用li标记包装它们，最后将它们放入.anotherClass＆＃39; ul代码？

例如：

    //untouched code like this
    <div class="someClass">
    <p>Some text1</p>
    <p>Some text2</p>
    <p>Some text3</p>
    </div>

    //jQuery cloned and apppended code must like this

    <div class="anotherClass">
    <ul>
    <li>Some text1</li>
    <li>Some text2</li>
    <li>Some text3</li>
    </ul>
    </div>

Answer 1

首先，在这种情况下，我不会使用类来识别。我会使用一个id，因为你可能有多个“someClass”和多个“anotherClass”，但由于我不知道你在做什么，我会回答假设每个只有一个：< / p>

var some_class_div = $(".someClass");
var another_class_ul = $(".anotherClass").find("ul");

some_class_div.find("p").each(function()
{
    another_class_ul.append("<li>" + $(this).text() + "</li>");
});

我可能也建议你给ul一个id。然后你可以使用$（“＃ul_id”）;而不是$（“。anotherClass”）。find（“ul”）;

JQuery，剥离所有标签，包装新标签，克隆和追加

1 个答案: