获取jquery mobile中所有可折叠标题的标题文本

Question

我在我的项目中使用了可折叠。在这里，我希望获得可折叠的标头值。 示例代码显示在这里

<div data-role="collapsible" data-collapsed="true"  data-theme="a" data-content-theme="a">
<h3>HEADER1</h3>
</div>
<div data-role="collapsible" data-collapsed="true"  data-theme="a" data-content- theme="a">
<h3>HEADER2</h3>
</div>                                                      
<div data-role="collapsible" data-collapsed="true"  data-theme="a" data-content-theme="a">
<h3>HEADER3</h3>
</div>

现在我需要所有可折叠标头应该存储在像这样的数组

中

var h3Text={"HEADER1", "HEADER2", "HEADER3"};

Answer 1

您可以使用属性h3（element selector）定位div的data-role="collapsible"（child selector）子（attribute equals selector），然后使用.map()将h3转换为文本值，如下所示

var h3Text = $('div[data-role="collapsible"] > h3').map(function () {
    return $.trim($(this).text())
}).get()

演示：Fiddle

注意：使用的数组语法错误，应为var h3Text=["HEADER1", "HEADER2", "HEADER3"];