Question

我有以下jQuery使用zClip来允许复制到剪贴板。它只适用于一个选择器，但不适用于多个选择器。我正在尝试使用$（this）来选择父级，但它会使浏览器崩溃。

$('.copylink').zclip({
                path:'ZeroClipboard.swf',
                copy: jQuery(this).parent().text()
            });

这是zClip website

上给出的示例

$('a#copy-description').zclip({
        path:'js/ZeroClipboard.swf',
        copy:$('p#description').text()
    });
    // The link with ID "copy-description" will copy
    // the text of the paragraph with ID "description"

我的HTML

我正在尝试使用，需要选择上面html的父元素文本

<ul>
<li>the text i will like to select and pull <a href="" class="copylink">Copy</a></li>
<li>the text i will like to select and pull <a href="" class="copylink">Copy</a></li>
<li>the text i will like to select and pull <a href="" class="copylink">Copy</a></li>
<li>the text i will like to select and pull <a href="" class="copylink">Copy</a></li>
<li>the text i will like to select and pull <a href="" class="copylink">Copy</a></li>
</ul>

我相信我的问题在于jQuery对象中包含jQuery并使用 this 来捕获外部范围值。

Answer 1

使用.each()来应用插件：

jQuery('.copylink').each(function() {
    jQuery(this).zclip({
        path:'ZeroClipboard.swf',
        copy: jQuery(this).parent().text()
    });
});

现在this将是对迭代中当前.copylink元素的引用。

在调用对象中选择元素父

1 个答案: