javascript - 如何更换一个一个 div 里面的 div id？

Question

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

<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 代码更多，但也快得多。.

你甚至可以使用：

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

仍然是 jQuery 的 4-5 倍，但使用非常相似的语义语法。无需放弃原生 JS，因为它“难”或任何东西。