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

Question

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

这个插件运行得很好。如果我传递了一个子项列表，但如果每个父项都有一个选择器，我就会遇到问题，下面是示例：

// 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/

Answer 1

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

应该是

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

使用.index()可以为您提供元素在其父元素中的索引。

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