使用 jquery 选择器将标签 html 保存到数组 javascript

Question

我有这样的 html 代码：

<p style:"text-align:center"><label>Question1</label></p>
<p style:"text-align:center"><label>Question2</label></p>
<p style:"text-align:center"><label>Question3</label></p>

所以，我正在使用 jquery 选择器“>”将标签文本特别是放入元素 'p'（因为我将其他元素放入其他元素 'p' ).我的选择器是这样的：

<script>
       var labels= $('p > label').text();
       console.log(labels);
</script>

重点是我得到的字符串类似于："Question1Question2Question3"，而不是包含元素的数组。我刚开始使用 jquery，请帮忙。

Answer 1

使用 .each() 并将每个值推入数组。

var arr = [];
$('p > label').each(function(){
  arr.push($(this).html());
});

console.log(arr);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p style:"text-align:center"><label>Question1</label></p>
<p style:"text-align:center"><label>Question2</label></p>
<p style:"text-align:center"><label>Question3</label></p>

Answer 2

jQuery.map(): 将数组或对象中的所有项转换为新的项数组。

片段：

var labels = $.map($('p > label'), function(ele, idx) {
    return ele.textContent;
});

console.log(labels);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<p style="text-align:center"><label>Question1</label></p>
<p style="text-align:center"><label>Question2</label></p>
<p style="text-align:center"><label>Question3</label></p>

使用 jquery 选择器将标签 html 保存到数组 javascript

Save labels html into array javascript using jquery selector

html

javascript

jquery

jquery-selectors