javascript - JQuery，剥离所有标签，包装新标签并克隆和附加

Question

如何克隆p .someClass 中的元素，删除 p标签，同时保留文本，然后用 和 li 将它们包裹起来标签，最后将它们放入 .anotherClass的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”，但由于我不知道你还在做什么，我会假设每个类只有一个:

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");