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

Question

我已经意识到我在 JS/jQuery 方面有多糟糕，几十年来一直没有使用它。

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

我需要的是一个函数，它在按钮元素之后检查 span 元素并从中获取内容，而不是从特定 ID 中获取内容。我怎样才能通过 jquery 实现这一点？

这是我的 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>

j查询

$(document).ready(function () {
    $('button.copy').zclip({
        path: 'scripts/ZeroClipboard.swf',
        copy: $('span.description').text()
  });

我希望你能理解我的问题。

Answer 1

看起来 copy 参数可以是一个函数。如果它在当前按钮的上下文中被调用(并且看起来确实如此)，那么下一个代码应该可以如您所愿地工作:

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