如何用div id替换div中的<ul>？</ul>

Question

如何在jQuery中使用div的id替换div中的<ul>，

<div id="example">
    <ul>
        Content To Be Replaced...........
    <ul>
</div>

Answer 1

$("#example ul").text('Content to replace');

您可以使用ID选择器#选择div。空格用作后代选择器，.text更改文本内容。您还可以使用.html替换HTML内容。

Answer 2

简单地说：

$("#example ul").html('New Content'); 

Answer 3

我认为你的意思是这样的？

$('#example ul').html('new content');

Answer 4

绝对不需要jQuery：

var div = document.getElementById("example");
div.firstChild.nextSibling.textContent="bla";​ //div
//   textnode ->   ul   -> text

这可以压缩为：

document.getElementById("example").firstChild.nextSibling.textContent="bla";​
//                div     -->      textnode -->   ul  --> text

是的，它比jQuery更多的代码，但它也是a lot faster.。

你甚至可以使用：

document.querySelector('#example ul').textContent="bla";

仍然是jQuery的4-5倍，但使用非常相似的语义语法。无需删除本机JS，因为它“很难”或任何东西。