Jquery 许多<；img>；使用相同例程的ID

我有一个复制

jQuery：

<p><img id="smiley" value=":)" src="..." />
<p><img id="me_too" value=";)" src="..." />
<p><img id="and_me" value=":D" src="..." />
<p><img id="and_me_too" value=":X" src="..." />

<p id="info_satz">&nbsp;</p>

jQuery（'#smiley'）。在（'click'，function（）上{
var value=jQuery（this.attr（'value'）；
复制剪贴板（值）；
jQuery（“#info_satz”）.hide（）.html（值+”复制到剪贴板。“）.fadeIn（'normal'）；
});
功能copyToClipboard（值）{
变量$tmpInput=$（''）；
$tmpInput.val（值）；
jQuery（'body'）.append（$tmpInput）；
$tmpInput.select（）；
document.execCommand（'copy'）；
$tmpInput.remove（）；
}

只需使用类而不是ID

给每个图像一个类，例如

yourClass

然后选择使用该类的所有图像元素，并添加事件侦听器：

jQuery（'.yourClass'）。在（'click'，function（）{…}

您的代码已经与单击它的元素相关（因为您使用

this

来选择值），所以其余的应该按预期工作

修改代码的完整示例：

jQuery（'.yourClass'）。在（'click'，function（）上{
var value=jQuery（this.attr（'value'）；
复制剪贴板（值）；
jQuery（“#info_satz”）.hide（）.html（值+”复制到剪贴板。“）.fadeIn（'normal'）；
});
功能copyToClipboard（值）{
变量$tmpInput=$（''）；
$tmpInput.val（值）；
jQuery（'body'）.append（$tmpInput）；
$tmpInput.select（）；
document.execCommand（'copy'）；
$tmpInput.remove（）；
}

        jQuery('#smiley').on('click', function() {
            var value = jQuery(this).attr('value');

            copyToClipboard(value);
            jQuery('#info_satz').hide().html(value + '  copied to clipboard.').fadeIn('normal');
        });

        function copyToClipboard(value) {
            var $tmpInput = $('<input>');
            $tmpInput.val(value);
            jQuery('body').append($tmpInput);
            $tmpInput.select();
            document.execCommand('copy');
            $tmpInput.remove();
        }