问我怎么知道有多少个孩子在我上面
EN

Stack Overflow用户

提问于 2011-12-13 14:51:48

回答 2查看 101关注 0票数 1

我的HTML

<ul style="height: 792px;" id="scroller1" data="business_ids" class="business_types simply-scroll-list">
         <li style="color:#c3c3c3;">Select Business Type</li>
         <li><a class='types' href="#" data="59" class="selected">Table Service</a></li>
     <li><a class='types' href="#" data="60">Quick Service</a></li>
     <li><a class='types' href="#" data="75">Bar Nightclub</a></li>
     <li><a class='types' href="#" data="61">Take-Out &amp; Delivery</a></li>
     <li><a class='types' href="#" data="67">Drive-Thru</a></li>
     <li><a class='types' href="#" data="68">Yogurt &amp; Ice Cream</a></li>
     <li><a class='types' href="#" data="69">Catering</a></li>
     <li><a class='types' href="#" data="70">Coffee</a></li>
     <li><a class='types' href="#" data="58">General Retail</a></li>
     <li><a class='types' href="#" data="55">Tobacco Store</a></li>
     <li><a class='types' href="#" data="63">Liquor Store</a></li>
     <li><a class='types' href="#" data="62">Grocery Store</a></li>
     <li><a class='types' href="#" data="73">Convenience Store</a></li>
     <li><a class='types' href="#" data="66">Video Rentals</a></li>
     <li><a class='types' href="#" data="71">Fabric</a></li>
     <li><a class='types' href="#" data="72">Jewelry</a></li>
     <li><a class='types' href="#" data="54">Bakery</a></li>
     <li><a class='types' href="#" data="64">Hair Salon</a></li>
     <li><a class='types' href="#" data="74">Medical &amp; Health Spa</a></li>
     <li><a class='types' href="#" data="65">Automotive</a></li>
<li><a href="#"></a></li>

</ul>

MY jQuery

var element = $("#scroller1").find('a[data=72]');

这将选择此元素。

     <li><a class='types' href="#" data="72">Jewelry</a></li>

但是，我如何计算有多少个标签与class='types'在我之上，...so，在本例中是14个，在...any思想之上。

jquery

Stack Overflow用户

回答已采纳

发布于 2011-12-13 14:53:40

您可以使用jquery方法：http://api.jquery.com/index/

所以你会说：

var element = $("#scroller1").find('a[data=72]');
var itemsAboveCount = $('.types').index(element) - 1;

完整示例与代码

<html>
<head>


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">


    function test()
    {
        var element = $("#scroller1").find('a[data=72]');
        alert($('.types').index(element));
    }
    </script>
</head>
<body onload="test();">
<ul style="height: 792px;" id="scroller1" data="business_ids" class="business_types simply-scroll-list">
         <li style="color:#c3c3c3;">Select Business Type</li>
         <li><a class='types' href="#" data="59" class="selected">Table Service</a</li>
         <li><a class='types' href="#" data="60">Quick Service</a></li>
         <li><a class='types' href="#" data="75">Bar Nightclub</a></li>
         <li><a class='types' href="#" data="61">Take-Out &amp; Delivery</a></li>
         <li><a class='types' href="#" data="67">Drive-Thru</a></li>
         <li><a class='types' href="#" data="68">Yogurt &amp; Ice Cream</a></li>
         <li><a class='types' href="#" data="69">Catering</a></li>
         <li><a class='types' href="#" data="70">Coffee</a></li>
         <li><a class='types' href="#" data="58">General Retail</a></li>
         <li><a class='types' href="#" data="55">Tobacco Store</a></li>
         <li><a class='types' href="#" data="63">Liquor Store</a></li>
         <li><a class='types' href="#" data="62">Grocery Store</a></li>
         <li><a class='types' href="#" data="73">Convenience Store</a></li>
         <li><a class='types' href="#" data="66">Video Rentals</a></li>
         <li><a class='types' href="#" data="71">Fabric</a></li>
         <li><a class='types' href="#" data="72">Jewelry</a></li>
         <li><a class='types' href="#" data="54">Bakery</a></li>
         <li><a class='types' href="#" data="64">Hair Salon</a></li>
         <li><a class='types' href="#" data="74">Medical &amp; Health Spa</a></li>
         <li><a class='types' href="#" data="65">Automotive</a></li>
<li><a href="#"></a></li>

</ul>
</body>

票数 3

查看全部 2 条回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8491178

复制

相似问题

问我怎么知道有多少个孩子在我上面
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我怎么知道有多少个孩子在我上面EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我怎么知道有多少个孩子在我上面
EN