jquery - 如何使用 DOM 提取的文本值在 JQuery 中创建数组

Question

使用 JQuery，我想创建一个数组，例如 [TextA, TextB, ... Text I]。这些数组元素将从 html 代码中提取，如下所示。我是该领域的初学者，并尝试使用以下方法提取单个文本值：

$('a.curT',$( this )).text();

“但它不起作用”，因为我没有得到“Text E”作为所需的输出。另外我不知道如何使用提取的值创建数组。

<li class="top1">
<a class="tc1" href="link" title="title">Some Text</a>
<div class="top2 current">
    <div class="column" style="width:25%">
        <ul>    
            <li class="class1"><a href="linkA" title="A"><strong>Text A</strong></a></li>
            <li class="class1"><a href="linkB" title="B"><strong>Text B</strong></a></li>
            <li class="class1"><a href="linkC" title="C"><strong>Text C</strong></a></li>    
        </ul>
    </div>                    
    <div class="column" style="width:25%">
        <ul>    
            <li class="class1"><a href="linkD" title="D"><strong>Text D</strong></a></li>
            <li class="class2"><a href="linkE" title="E" class="curT"><strong>Text E</strong></a></li>
            <li class="class1"><a href="linkF" title="F"><strong>Text F</strong></a></li>
        </ul>
    </div> 
    <div class="column" style="width:25%">
        <ul>    
            <li class="class1"><a href="linkG" title="G"><strong>Text G</strong></a></li>
            <li class="class1"><a href="linkH" title="H"><strong>Text H</strong></a></li>    
        </ul>
    </div>    
    <div class="column" style="width:25%">
        <ul>    
            <li class="class1"><a href="linkI" title="I"><strong>Text I</strong></a></li> 
        </ul>
    </div>
</div>

在这个方向上的任何建议都会非常有帮助。谢谢你。

Answer 1

您可以使用map()从匹配的元素中投影一个数组：

var textArray = $("li a strong").map(function() {
    return $(this).text();
}).get();

Answer 2

尝试这样的事情：

var a = new Array();
$("strong").each(function(index) {
    a[index] = $(this).html();
});

Answer 3

使用有用的 .each() 函数：

var texts = [];

$('a.curT').each(function() {
   texts.push($(this).text());
});