How does jQuery get all values ​​of the same class tag (cannot be obtained by default)_jquery

I happened to encounter this problem during development, because jQuery always only returns the value of the first class tag, so it cannot meet our requirements.

For example:

Copy code The code is as follows:

var btn = jQuery('.btn').val();

What is obtained is only the value of the first html element with the class tag btn.

To get the values ​​of all html elements of a set of class tags. You have to use jQuery's each traversal.

Copy code The code is as follows:

var btns = new Array(); //or written as: var btns= [];

jQuery('.btn').each(function(key,value){

btns[key] = $(this).val();

//Or you can also write:

// btns[key] = $(value).val();
});