使用带有类的jQuery独立选择器

时间:2012-02-20 21:26:15

标签: jquery jquery-selectors each

我正在尝试使用jQuery plug-in,它可以使用通过调用插件传递的list jquery对象。

插件工作正常如果我传递一个子列表,但如果选择器是每个父项一次,我会遇到问题,这是示例:

// this works, every element is treated independently
<script>
$('.image').plugInName ();
</script>
<div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
</div>

问题在于:

// this won't work, every element is treated as the first one
<script>
$('.image').plugInName ();
</script>
<div>
    <div class="image"></div>
</div>
<div>
    <div class="image"></div>
</div>
<div>
    <div class="image"></div>
</div>

在插件中我使用了for循环来使对象独立。 我知道我可以使用id,我只是想知道是否有其他解决方案

http://jsfiddle.net/tonino/CFPTa/

1 个答案:

答案 0 :(得分:3)

$(this).bind('mousemove', {i:instances[$(this).index()]}, setFollowMouse);

应该是

$(this).bind('mousemove', {i:instances[i]}, setFollowMouse);

使用.index()为您提供其父级元素的索引。

http://jsfiddle.net/CFPTa/17/