在web开发过程中,我们常常需要遍历页面中的标签,并获取或操作其中的内容。jQuery提供了许多便捷的方法来实现这个功能。

$(p).each(function() {var content = $(this).text();console.log(content);});

上述代码中,我们使用了each方法来遍历页面中所有的p标签,并获取其中的文本内容。在每个p标签上执行回调函数,第一个参数为当前标签的索引值,第二个参数为当前标签元素本身。我们可以通过$(this)来获取当前标签的jQuery对象,并使用text方法获取其文本内容。

$(ul li).each(function(index) {var text = $(this).text();console.log(li + index + :  + text);});

在上述代码中,我们使用了更加具体的选择器语法,遍历了所有ul标签下的li标签,并输出了其索引和文本内容。

$(input[type="checkbox"]:checked).each(function() {var value = $(this).val();console.log(value);});

最后一个示例展示了如何遍历页面中已被选中的复选框标签,并获取其值。我们可以使用属性选择器选出所有type属性为checkbox且已被选中的标签,并使用val方法获取其值。

jquery遍历标签中内容