我正在使用 jQuery 在頁面上找到的所有 A>SPAN 標記旁邊添加一個按鈕。頁面本身隨著用戶向下滾動而增長，這就是我使用滾動功能的原因——我需要不斷地將按鈕添加到新的頁面部分。
下面的代碼不斷地將按鈕添加到已經有按鈕的部分。我試圖在每個找到的標簽組合旁邊只顯示一個按鈕。我已經嘗試了所有我能想到的組合。我希望有人有一個我可以嘗試的簡單解決方案。
謝謝你。
$(window).scroll(function () {
if (!$("a span button").length) {
$("a span").after(
' <button type="button" >BUTTON</button>'
);
}
});
uj5u.com熱心網友回復：
jQuery 的.after()插入同級元素，而不是后代。例如，如果你有
<a>
<span>Text</span>
</a>
你的代碼的結果是
<a>
<span>Text</span>
<button>BUTTON</button>
</a>
這與您的選擇器不匹配"a span button"，因為<button>不是<span>.
相反，我會向 中添加一些屬性或類以<span>識別它已被button-ised，然后您可以在選擇中省略這些元素
$(window).scroll(() => {
$("a span:not(.buttonised)").each((_, span) => {
$(span)
.addClass("buttonised")
.after(
$("<button>", {
class: "btn btn-secondary btn-sm",
text: "BUTTON",
type: "button",
})
);
});
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/503677.html
標籤：javascript jQuery