javascript - 如何遍历所有 <p> 元素？

<分区>

我想遍历文档中的所有段落元素并调整它们的 html。目前我使用一些 jquery:

console.log("loop through <p> elements");    

$("p").each(function()
{
    console.log("next <p> element with id: " + this.id);
});

但是控制台中只出现“遍历段落元素”，我的正文中有一些具有唯一 ID 的段落元素:

<body>
    <p id="para1"> paragraph 1 </p>
    <p id="para2"> paragraph 2 </p>     
    <p id="para3"> paragraph 3 </p> 
</body>

我希望这是 .each() 循环的某种语法错误，希望有人可以纠正我，我们将不胜感激。

最佳答案

你的代码应该是:

$("p").each(function()
{
    console.log("next <p> element with id: " + $(this).attr('id'));
});

因为$(this).id不存在，或者this.id也是有效的。

关于javascript - 如何遍历所有 <p> 元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27494089/

相关文章：

javascript - JavaScript 中对象引用如何工作