首頁猿問使用 jquery 獲取...

使用 jquery 獲取 <li> 文本編號

JavaScript

揚帆大魚 2023-05-19 14:30:40

我正在嘗試使用 js 獲取 li 標簽文本值，但我沒有獲得預期的輸出，即（“Pens”）。我添加了一個代碼片段。注意 -我無法更改 html。console.log(jQuery('#accordionItem li span').html());<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div id="accordionItem" class="filter_middle-stage2-list_wrapper"> <li style="font-weight: bold;">Pens<span>(1200)</span></li></div>對此有什么想法嗎？

查看完整描述

4 回答

幕布斯7119047

TA貢獻1794條經驗獲得超8個贊

使用text如下方法：

console.log($('#accordionItem li span').text());

反對回復 2023-05-19

繁星coding

TA貢獻1797條經驗獲得超4個贊

據我了解，您想要的文本li沒有的文本span。所以你可以像這樣使用replace函數來做到這一點：

console.log($('#accordionItem li').text().replace($('#accordionItem li span').text(), ''));

? <li style="font-weight: bold;">Pens<span>(1200)</span></li>

</div>

如果你想要一個更通用的解決方案，它只會讓你得到沒有它的任何孩子的文本，li那將是一個更好的解決方案：

console.log($('#accordionItem li').contents().get(0).nodeValue);

? <li style="font-weight: bold;">Pens<span>(1200)</span></li>

</div>

反對回復 2023-05-19

一只萌萌小番薯

TA貢獻1795條經驗獲得超7個贊

不需要 jQuery。?由于您有一個帶有 ID 的元素，您可以直接訪問它，并獲取節點的文本并簡單地刪除任何非數字字符，您將得到您想要的數字值。

這種方法的好處是與 DOM 結構無關——它總是適用于該元素（具有該 ID），但可以應用于任何元素，<li>無論它是否有<span>子元素（或任何其他子元素）

console.log(?

? accordionItem.children[0].firstChild.textContent

)

? <li style="font-weight: bold;">Pens<span>(1200)</span></li>

</div>

反對回復 2023-05-19

Helenr

TA貢獻1780條經驗獲得超4個贊

您似乎在選擇<span>jQuery 選擇器上的標簽。雖然我建議使用 text 方法來實現你正在尋找的東西。

反對回復 2023-05-19

4 回答
0 關注
251 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

使用 jquery 獲取 <li> 文本編號

使用 jquery 獲取 <li> 文本編號

4 回答

添加回答