我正在嘗試使用 .filter() 獲取容器的內部元素。但它回傳 undefined ,直到使用 .find() 在父元素中搜索它;如何僅使用 .filter() 直接搜索而不需要使用 .find() ?
所以輸出會是這樣的: <p >This Paragraph Contents</p>
$(document).ready(() => {
let $htmlEl = `
<body>
<div >
<div >
<p >This Paragraph Contents</p>
</div>
</div>
</body>
`;
let $res = $($htmlEl);
let $parentHtml = $res.filter('.container').html();
let $childHtml = $res.filter('.body-content').html();
// alert($res.filter('.container').find('.body-content').html());
// alert($parentHtml);
console.log($childHtml);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
uj5u.com熱心網友回復:
過濾器適用于選擇
相反,您可以使用選擇器和范圍,我想這與 find 相同,但為什么不允許 find 呢?
$(document).ready(() => {
let $htmlEl = `<body>
<div >
<div >
<p >This Paragraph Contents</p>
</div>
</div>
</body>`;
let $res = $($htmlEl);
$("body").append($res)
let $childHtml = $('.body-content',$res).html().trim()
console.log($childHtml);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/406150.html
標籤:
上一篇:使用for回圈時JS追加不起作用
