Jquery列表内部属性子选择

Jquery list inner property subselection

本文关键字:选择 属性 内部 列表 Jquery      更新时间:2023-09-26

我有一个非常简单的问题,即"从jquery元素数组中提取属性值列表"。我在jQuery方面不是很好,所以我可能遗漏了一些显而易见的东西。

假设我有一个由li组成的列表(将使用jquery ui可选插件进行选择):

<ol class="selectable" id="LeagueFilterEnum">
    <li>League</li>
    <li>Bronze</li>
    <li class="ui-selected">Gold</li>
    <li class="ui-selected">Platinum</li>
    <li>Master</li>
</ol>

我可以这样选择它们:

var selectedElements = $("#LeagueFilterEnum li.ui-selected");

我正在寻找的是一种检索这些li的属性"innerHtml"的集合的方法,如果可能的话,在一行中。。。像这样的东西:

var selectedLeagues = $("#LeagueFilterEnum li.ui-selected").selectValues("innerHtml");

在我的例子中,这将给我一个数组:["黄金","铂"]

我可以使用一些.ech()魔法,但我想知道是否还有更好的东西。

你知道吗?

非常感谢。

您可以进行

var selectedLeagues = $("#LeagueFilterEnum li.ui-selected").map(function(){
    return this.innerHTML
}).get();

注:

  • 我修好了你的选择器,它错了
  • 最后的get是根据map返回的jQuery对象生成一个实数组