jQuery 不處理動態添加的錨標記。標簽的<li> <a>添加更加動態。下面的代碼用于為已經存在的錨點標簽添加屬性，但 XHR AJAX 呼叫添加了更多分頁，并且該.each()函式不起作用。
$(document).ready(function () {
$("ul.page-selector-list li a").each(function () {
var pageText = $(this).text();
$(this).attr("aria-label", "click here for " pageText);
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="page-selector-list">
<li class="page-selector-item-first inactive"><a href="#">First</a></li>
<li class="page-selector-item-previous inactive"><a href="#">Previous</a></li>
<li><a class="page-selector-item-link active" data-offset="0" data-itemnumber="1" href="#">1</a></li>
<li><a class="page-selector-item-link" data-offset="10" data-itemnumber="2" href="#">2</a></li>
<li><a class="page-selector-item-link" data-offset="20" data-itemnumber="3" href="#">3</a></li>
<li><span class="page-selector-more">...</span></li>
<li><a class="page-selector-item-link" data-offset="2020" data-itemnumber="203" href="#">203</a></li>
<li class="page-selector-item-next"><a href="#">Next</a></li>
<li class="page-selector-item-last"><a href="#">Last</a></li>
</ul>uj5u.com熱心網友回復：
當您發現您的代碼在 AJAX 之后不起作用時，請嘗試以下代碼：
$( document ).ajaxComplete(function() {
$('ul.page-selector-list li a').each(function(){
var pageText = $(this).text();
$(this).attr('aria-label', 'click here for ' pageText);
});
});
如果您發現任何問題，請告訴我。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/534757.html
標籤：javascript查询
下一篇：出現彈出視窗時如何淡化背景