我有一個<ul>包含 2 個<li>標簽的標簽和一個<p>包含文本的標簽：
<ul>
<li>List-item-1<p>para-1</p></li>
<li>List-item-2<p>para-2</p></li>
</ul>
我想從代碼中洗掉List-item-1和。List-item-2我試過這個：
$('li').each(function () {
$('li').html($('p'));
});
但我得到如下輸出：
- 第 1 段
第 2 段
第 1 段
第 2 段
- 第 1 段
第 2 段
第 1 段
第 2 段
如何<p>僅使用標簽獲取輸出？
uj5u.com熱心網友回復：
你可以在這里使用find()函式。
$('ul li').html(function(){
return $(this).find('p');
});<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<ul>
<li>List-item-1<p>para-1</p></li>
<li>List-item-2<p>para-2</p></li>
</ul>uj5u.com熱心網友回復：
innerText即使沒有 jQuery，您也可以替換。
document.querySelectorAll('li').forEach(li => {
li.innerText = li.querySelector('p').innerText
})<ul>
<li>List-item-1<p>para-1</p></li>
<li>List-item-2<p>para-2</p></li>
</ul>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/475707.html
標籤：javascript html jQuery css