为什么我不能用jquery访问元素

why i can not access the element with jquery

本文关键字:访问 元素 jquery 不能 为什么      更新时间:2023-09-26

我有以下标记:

<div class="tutor-photo-slider">
     <ul>
         <li><a class="left-arrow" href="javascript:;"></a></li>
         <li>
         <ul id="carousel">
             <li>
                 <a href="/assets/images/tutor-sample.png" class="slider-image">
                 <img src="/assets/images/tutor-sample-thumb.png" /></a>
             </li>
         </ul>
         </li>
   <li>
      <a class="right-arrow" href="javascript:;"></a>
   </li>
 </ul>
</div>

当我做时

$('.left-arrow').click(function() {
    var elem = $(this).parents('ul').children('li').children('ul'),
        children = elem.children('li');
    for (var i = 0; i < children.length; i++) {
        if ($(children[i]).css('display') != 'none') {
            break;
        }
    }
    $(children[i - 1]).show();
});

它无法访问它。我试着在firebug中调试它,但没能找出错误。我包括jquery 1.6.4。我没有错误。

编辑:我正在尝试制作一个旋转木马照片库http://jsfiddle.net/5xHFT/1/

您的代码片段缺少

);

如中所示,而不是

$('.left-arrow').click(function() {}

做。。。

$('.left-arrow').click(function() {} );

这可能会导致错误。

点击函数缺少右括号。这是工作代码。

正如Guffa在评论中提到的,您可能没有在ready中这样做。这里有一把小提琴给你看:http://jsfiddle.net/AVGTL/

在看了另一把小提琴之后,它实际上只是缺少的)

尝试

 jQuery('.left-arrow').click(function() {} );

有时使用某些插件会产生一些冲突,所以只需尝试使用jQuery而不是"$"

似乎可以接受您提供的代码片段:http://jsfiddle.net/8zgqF/1/.指定您的问题。