遍历HTML中带有特定属性的元素方法总结

在html中，有很多class='weui-cell'的元素，我想遍历元素中带有signdata属性的元素，用jq或js如何写？

在HTML中，如果你想遍历所有带有 class='weui-cell' 且具有 signdata 属性的元素，可以使用 jQuery 或原生 JavaScript 来实现。以下是两种方法的示例：

使用 jQuery

$(document).ready(function() {
    $('.weui-cell[signdata]').each(function() {
        // 这里的 `this` 是当前遍历到的元素
        console.log($(this)); // 打印当前元素
        // 你可以在这里对元素进行其他操作
    });
});

使用原生 JavaScript

document.addEventListener('DOMContentLoaded', function() {
    var elements = document.querySelectorAll('.weui-cell[signdata]');
    elements.forEach(function(element) {
        // 这里的 `element` 是当前遍历到的元素
        console.log(element); // 打印当前元素
        // 你可以在这里���元素进行其他操作
    });
});

解释

1. jQuery 方法:

   • $(document).ready(function() { ... }) 确保 DOM 已经加载完毕。
   • $('.weui-cell[signdata]') 选择所有 class='weui-cell' 且带有 signdata 属性的元素。
   • .each(function() { ... }) 遍历这些元素。

2. 原生 JavaScript 方法:

   • document.addEventListener('DOMContentLoaded', function() { ... }) 确保 DOM 已经加载完毕。
   • document.querySelectorAll('.weui-cell[signdata]') 选择所有 class='weui-cell' 且带有 signdata 属性的元素。
   • elements.forEach(function(element) { ... }) 遍历这些元素。

这两种方法都可以有效地遍历并操作符合条件的元素。你可以根据自己的需求选择使用 jQuery 或原生 JavaScript。