模拟点击<li> </li>的第一个元素

时间:2013-05-13 14:53:17

标签: javascript jquery html

我尝试模拟<li>中第一个<ul>的点击。这是html。

<ul class="product-thumbs clearfix mCustomScrollbar _mCS_1">
    <div class="mCustomScrollBox mCSB_horizontal" id="mCSB_1" style="position:relative; height:100%; overflow:hidden; max-width:100%;">
        <div class="mCSB_container mCS_no_scrollbar" style="position: relative; left: 0px; width: 195px;">
            <li data-full-image="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" data-large-image="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" class="active">
                <img src="/images/store_logos/e49c796f8740723601503849db95893f6592526a.jpeg" alt="">
            </li>
            <li data-full-image="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" data-large-image="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" class="">
                <img src="/images/store_logos/05838eeaff6014af6206de1cc7a60d7335e61dc1.jpeg" alt="">
            </li>
        </div>
        <div class="mCSB_scrollTools" style="position: absolute; display: none;">
            <div class="mCSB_draggerContainer" style="position:relative;">
                <div class="mCSB_dragger" style="position: absolute; left: 0px;">
                    <div class="mCSB_dragger_bar" style="position:relative;"></div>
                </div>
                <div class="mCSB_draggerRail"></div>
            </div>
        </div>
    </div>
</ul>

这是我的jQuery:

 $(".product-thumbs > li:first").trigger('click');

为什么这不起作用?

3 个答案:

答案 0 :(得分:2)

尝试更改

$(".product_thumbs > li:first")

$(".product_thumbs li:first")

因为李不是ul的直接孩子

答案 1 :(得分:1)

此处,您无法使用

$(".product-thumbs > li:first")

>用于过滤直接孩子。但是在你的DOM结构中,你有

<ul>
  <div>
     <li>
        ...

因此问题。

将其更改为

$(".product-thumbs li:first").trigger('click')

它应该有效。

答案 2 :(得分:0)

因为您写的是product_thumbs而不是product-thumbs