如何使用jquery在特定的<li>中获取所有可见的<ul>元素的“标题”属性，在数组中收集主题并使用警告()显示它们；

Question

如何在特定的<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/

Answer 2

选择该li，

var visibleValues = "";

$('.ulCats li:visible').each(function(){
     visibleValues += this.title + "-";
});

visibleValues = visibleValues.substr(0, visibleValues.length - 1);

演示

性能比较给出了视觉的答案。

Answer 3

试着：--

var visibleLis = [];

$('ul.ulCats li:visible').each(function(){
     visibleLis.push($(this).attr('title'));
})


alert(visibleLis.join('-'));