P标签的jQuery选择器

Question

I have a problem with selecting all the <P> tags in an HTML document using the Jquery library.
This is a part from my HTMl:

<p> This whole page is just for developmental purposes only, so feel free to do whatever you want </p>
<p> Эта страница - только в целях развития. Так, чувствовать себя вправе сделать все, что хотите</p>

and this is my JS:

$(function(){
     console.log($("p").html());
})

but when it comes to the output it gives me only the first paragraph, I can't understand why it selects only one elements and not all elements with the P tag, i would be very grateful if someone shows me where the problem is.

Answer 1

That's because .html() gets the value of the first element. See the docs

You can do an iteration using .each()

$("p").each(function() {
    console.log($(this).html())
});

Answer 2

Per the jQuery documentation for the .html() method :

Get the HTML contents of the first element in the set of matched elements or set the HTML contents of every matched element.

(emphasis mine)

When using the method as a getter, it is designed to return the content of only the first element in the collection. When used as a setter, it operates on the whole collection.

Answer 3

如果要从所有 <p>标记中获取内容，则可以使用.map()然后通过.join()遍历它们。

console.log($("p").get().map(p => $(p).html()).join(" "));