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

【问题标题】：Save labels html into array javascript using jquery selector使用 jquery 选择器将标签 html 保存到数组 javascript
【发布时间】：2017-02-24 00:09:13
【问题描述】：

我有一个这样的 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 新手，请帮忙。

【问题讨论】：

标签： javascript jquery html jquery-selectors

【解决方案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>

【讨论】：

【解决方案2】：

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

sn-p：

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>

【讨论】：