Javascript Zclip仅打开单击的类/从下一个元素复制

我已经意识到我在JS/jQuery方面有多么糟糕，因为我已经几十年没有使用它了

o.bind('zClip_copy',settings.copy);

我正在使用从列表中复制文本。但我发现它首先只对每页一个元素起作用。我找到了一个解决方案，为每个列表项使用不同的ID，但这将在将来创建大量不必要的工作，因为将有大量按钮

o.bind('zClip_copy',settings.copy);

我需要的是一个函数，它检查button元素之后的span元素，并从中获取内容，而不是从特定ID获取内容。如何通过jquery实现这一点

o.bind('zClip_copy',settings.copy);

这是我的HTML/JS

<li><span class="server-name">SERVER NAME</span>
    <br><button class="copy">COPY</button>IP:<span class="server-ip">127.0.0.1</span>
</li>

o.bind('zClip_copy',settings.copy);

---

我希望您理解我的问题。

我不知道

zclip

，但您需要从按钮后面的下一个元素中选择文本，因此第四行应该是：

copy: $(this).next('.server-ip').text()

o.bind('zClip_copy',settings.copy);

---

给你的

li

上课（类似

info

：

<li class="info">
    <span class="server-name">SERVER NAME</span>
    <button class="copy">COPY</button>
    IP:<span class="server-ip">127.0.0.1</span>
</li>

o.bind('zClip_copy',settings.copy);

---

看起来

copy

参数可以是一个函数。如果在当前按钮的上下文中调用了它（看起来是），那么下一个代码应该可以正常工作：

$('button.copy').zclip({
    path: 'scripts/ZeroClipboard.swf',
    copy: function() {
        return $(this).next('.server-ip').text();
    }
});

o.bind('zClip_copy',settings.copy);

---

您需要使用类似复制的函数

$('button.copy').zclip({
    path: 'scripts/ZeroClipboard.swf',
    copy: function() {
        return $(this).next('.server-ip').text(); //this here refers to element which invoked zclip
    }
});

o.bind('zClip_copy',settings.copy);

你可以通过

o.bind('zClip_copy',settings.copy);

---

使用此解决方案时，副本为空。：/但我认为它的方向正确。@Satpal是正确的-它甚至在page@Regent，您可以浏览源代码

o.bind（'zClip\u copy'，settings.copy）；

@Regent True，但是页面上的

复制前

和

复制后

会表现出这种行为，所以我假设

复制

会too@Satpal是的，尽管看到插件源代码来理解它的工作原理是不正常的，但我确实做到了这一点，是的，我找到了同一行，+1。我查看了使用页面，没有找到d那里的解决方案，这就是我来这里的原因。感谢大家的帮助！这个解决方案似乎很有效，谢谢！感谢对脚本的全面描述，它帮助很大。@FredrikWesterlund是的，特别是考虑到Satpal是第一个提出这个想法的人：）@Regent，我不应该删除这条评论。因为我对js不太熟悉，所以我担心查看源代码对我没有多大帮助。谁先提出的？我看了一下TimePSamp，然后“批准了”。@FredrikWesterlund由于

zclip

插件开发人员对在文档中编写这一重要时刻感到不舒服，所以我们一直在寻找源代码。。。尽管如此，我支持源代码链接在这里作为证据，而不是“你应该看看它”。@FredrikWesterlund Satpal在16分钟前的评论中提出了这一点，但随后删除了评论以作为答案。