javascript - 交換方法div id による div 内?

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テキストの内容を変更します。.htmlHTML コンテンツを置き換えるために使用することもできます。

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は「難しい」などの理由で、削除する必要はありません。