javascript - 如何使用 jquery 获取特定 中所有可见 元素的 "title"属性，将主题收集到数组中并使用 alert() 显示它们；

Question

如何获取所有可见的“title”属性<li>具体元素<ul> ，将主题收集到一个数组中并使用 alert() 显示它们使用 jQuery 函数？

例如我有:

<ul class="ulCats">
     <li title="1"></li>
     <li title="2" style="display: none;"></li>
     <li title="3"></li>
     <li title="4" style="display: none;"></li>
     <li title="5" style="display: none;"></li>
</ul>

我正在寻找的是:

VisibleLiTitles = "2-4-5"

Answer 1

这是一种可能的方法:

var VisibleLiTitles = $('.ulCats li:visible').map(function() {
    return this.title;
}).get().join('-');

alert(VisibleLiTitles);

对于不可见元素使用:hidden选择器代替。

演示: http://jsfiddle.net/m6cfB/