Javascript 如何使用特定样式获取jquery中的第一个和最后一个值？

我总是得到1分和5分？

$itemContainer li.eachfunction{//遍历每个li 如果$this.css'display'='list item'{//检查显示 var first=parseInt$itemContainer li.first.datanumber，10； var last=parseInt$itemContainer li.last.datanumber，10； console.logfirst++last//log first and last $itemContainer li.hide.slicefirst、last.show； } } $itemContainer li.eachfunction{//遍历每个li 如果$this.css'display'='list item'{//检查显示 var first=parseInt$itemContainer li.first.datanumber，10； var last=parseInt$itemContainer li.last.datanumber，10； console.logfirst++last//log first and last $itemContainer li.hide.slicefirst、last.show； } } 使用.filter获取显示为列表项的所有li，然后使用.first和.last从该子集中选择适当的元素

var lis=$itemContainer>li.filterfunction{ 返回$this.css'display'='list item'； }; var first=lis.first.datanumber； var last=lis.last.datanumber； $itemContainer>li.hide.slicefirst、last.show； $first.textfirst； $last.textlast； 1. 2. 3. 4. 5. 第一个= Last=使用.filter获取所有li和display:list项，然后使用.first和.Last从该子集中选择适当的元素

var lis=$itemContainer>li.filterfunction{ 返回$this.css'display'='list item'； }; var first=lis.first.datanumber； var last=lis.last.datanumber； $itemContainer>li.hide.slicefirst、last.show； $first.textfirst； $last.textlast； 1. 2. 3. 4. 5. 第一个=

---

Last=谢谢，我如何计算dom中的列表项？检查其显示是否为列表项的代码是否正确，但它仍会选择显示为：无的li，因为您仍在尝试调用未筛选的列表项$itemContainer lithanks，如何计算dom中的列表项？用于检查其显示是否为列表项的代码是正确的，但它仍然会选择带显示的li：无，因为您仍在尝试调用未筛选的列表项$itemContainer li您的切片不会选择所需的项，因为数字从1开始，但是切片计数从0开始。为什么使用数据编号而不是.index？是否需要数字与基于零的索引不同？切片不会选择所需的项目，因为数字从1开始，但切片从0开始计数。为什么要使用数据编号而不是.index？你需要数字不同于从零开始的索引吗？在返回的最后一部分“列表项”上有一个多余的结束偏执。你也可以在切片索引中添加-1，以在列表项3上开始，因为切片开始的是从零开始的索引。我甚至不确定他为什么要使用数据编号，他可以只使用.index。@Baramar是的，我想使用index，你能告诉我如何使用吗？使用.index而不是.datanumber。在返回的最后一部分“列表项”中有一个多余的结束语。你也可以在切片索引中添加-1，以在列表项3上开始它，由于slice startI的零基索引，我甚至不知道他为什么使用数据编号，他可以使用.index。@Baramar是的，我想使用index，你能告诉我如何使用吗？使用.index而不是.datanumber。

<ul id="itemContainer">
<li data-number="1" style="display: none;"></li>
<li data-number="2" style="display: none;"></li>
<li data-number="3" style="display: list-item;"></li>
<li data-number="4" style="display: list-item;"></li>
<li data-number="5" style="display: list-item;"></li>
</ul>

if ($("#itemContainer>li").css('display') == 'list-item'){
    var first = parseInt($("#itemContainer>li").first().data("number"), 10);
    var last = parseInt($("#itemContainer>li").last().data("number"), 10);
    $("#itemContainer>li").hide().slice(first, last).show(); 
}