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

Question

我想循环遍历文档中的所有段落元素并调整它们的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()循环有某种语法错误,有人可以纠正我,任何帮助都会非常感激.

Answer 1

你的代码应该是:

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

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