在 li 之外的 ul 中獲取 html

Question

我有以下代碼：

<ul id="rubrique_1" class="questionZone ui-sortable">
Rubrique par défaut
<li id="question_1" class="questionStyle">(Q) Matrice case a coché</li></ul>

如何在沒有 li div 的所有 HTML 的情況下使用 jQuery 獲得 HTML“Rubrique par défaut”？ 我不想為文本添加 div，因為我在 ul rubrique_1 上使用了 sortable 函數。

$('#rubrique_1").text()

給我所有的 HTML。

Answer 1

“給我所有的 html” -> $("#rubrique_1").html()

如果你的意思是我認為你的意思，你需要：

$("#rubrique_1").contents().filter(function() { return this.nodeType === 3; }).text();

希望這會有所幫助，但請務必閱讀 DBS 的評論

Answer 2

不直接，但有點棘手的解決方案。 選擇帶有 ID 的節點，使用該選擇器，解析其中的所有子節點。 在該列表中，檢查不是li且具有有效文本內容的節點（我已使用修剪功能來檢查內容長度）。

 function decode () { let text = ''; $('#rubrique_1')[0].childNodes.forEach(item => { text += item.tagName !=='LI' && item.data.trim().length > 0 ? item.data.trim(): ''; }) ; console.log(text); }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <ul id="rubrique_1" class="questionZone ui-sortable"> Rubrique par défaut <li id="question_1" class="questionStyle">(Q) Matrice case a coché</li> <li id="question_2" class="questionStyle">(Q) Matrice case a coché</li> </ul> <button onclick="decode()">Decode</button>