將元素的所有文本放入數組 jQuery 中

Question

如果input具有class actief，我將獲得所有<li>元素的.text() 。 當例如下面的類中有類活動時，它會像這樣console.log 。

Example 1
Example 3
Example 5

但是當我將它放在某個variable中進行打印時，它只會打印： Example 5

我希望它像在console.log那樣打印它。

 $("li").each(function () { if ($(this).find("input").hasClass("actief")) { content = $(this).find("span.titel").text(); console.log(content); } }); console.log(content);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul> <li><span class="titel">Example 1</span><input class="actief" /></li> <li><span class="titel">Example 2</span><input/></li> <li><span class="titel">Example 3</span><input class="actief" /></li> <li><span class="titel">Example 4</span><input/></li> <li><span class="titel">Example 5</span><input class="actief" /></li> </ul>

我想要第二個console.log(); 不僅要打印Example 5還要打印：

Example 1
Example 3
Example 5

Answer 1

您可以使用map()來獲取數組並使用:has選擇器來過濾適用的<li>

 var textArray = $("li:has(.actief) span.titel").map(function () { return $(this).text(); }).get(); console.log(textArray);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul> <li><span class="titel">Example 1</span><input class="actief" /></li> <li><span class="titel">Example 2</span><input/></li> <li><span class="titel">Example 3</span><input class="actief" /></li> <li><span class="titel">Example 4</span><input/></li> <li><span class="titel">Example 5</span><input class="actief" /></li> </ul>