javascript - 使用 jquery 循环遍历 div 中的所有标签元素

Question

如何使用 jQuery 或 JavaScript DOM 循环遍历 div 中的所有标签元素

这是示例 html:

<div id="pagination">
    <label class="noLink">First</label>
    <label class="noLink">Previous</label>
    <label class="withLink" onClick="paginateTo('next')">Next</label>
    <label class="withLink" onClick="paginateTo('last')">Last</label>
</div>

我在这里尝试做的是删除 onClick 事件并将值为 withLink 的类更改为 noLink。我正在尝试使用 JavaScript DOM 和 jQuery 循环所有标签，但仍然没有成功。我知道有一个类似的问题，但找不到适合我需要的问题。请在这件事上给予我帮助。谢谢!

Answer 1

对于 jQuery 来说非常简单。看起来像:

$('#pagination .withLink').toggleClass('withLink noLink').removeAttr('onclick');

引用:.toggleClass() , removeAttr()

---

用普通的 Javascript 来说有点琐碎:

var lnks = document.getElementById('pagination').querySelectorAll('.withLink');
for(var i = 0, len = lnks.length; i < len; i++) {
    lnks[i].removeAttribute('onClick');
    lnks[i].className = lnks[i].className.split(/\s/).filter(function(elem) {
        return elem !== 'withLink';
    }).join(' ');
}

引用:.querySelectorAll() , .filter()

^{请注意，普通 Javascript 仍然有浏览器限制。它需要 Javascript 1.6，因此您需要 IE8+。}