Javascript 触发器clipboard.js父级

我使用的是

Clipboard.js

插件一个网站，在点击

.copy

按钮时遇到了只选择父类的问题

问题是，我希望使用富文本格式复制

pre

标记中的代码，我使用的方法做得很好（

returndocument.querySelector（“myClass”）

），但是当我用类似问题中的代码更改前面的代码时（

return$（trigger.）.closest（.fw code copy”）。下一步(“code”）.text（）；

）我可以复制每个块的代码，但失去了格式，我的意思是代码被复制为纯文本

你能回顾一下我的代码，并建议如何找到巴顿的父类吗

HTML

JS

您可以使用jQuery通过选择器从祖先获取第一个元素：

$（文档）.ready（函数（）{
var clipboard=新剪贴板（“.copy”{
目标：功能（触发器）{
返回$（触发器）.closest（'.code snippet'）.find（'.code'）.get（0）；
}
});
})；

。代码片段{
位置：相对位置；
宽度：100%；
边框：1px纯红；
边缘底部：20px；
}
.复制{
位置：绝对位置；
右：20px；
底部：20px；
}

div
一些代码
/div
div
其他代码
/div

我认为这应该行得通。在目标函数中甚至不需要jQuery：

$(document).ready(function(){
    var clipboard = new Clipboard('.copy', {
        target: function(trigger) {
            return trigger.previousElementSibling;
        }
    });
});

片段：

$（文档）.ready（函数（）{
var clipboard=新剪贴板（“.copy”{
目标：功能（触发器）{
返回trigger.previousElementSibling；
}
});
})；

。代码片段{
位置：相对位置；
宽度：100%；
边框：1px纯红；
边缘底部：20px；
}
.复制{
位置：绝对位置；
右：20px；
底部：20px；
}
.代码{
颜色：紫色；
}

div
一些代码
/div
div
其他代码
/div

非常好！非常感谢：）Гббббббзбзбббббббббббббббббббббббббб或者其他人，我猜，但无论如何你是对的：）祝你有一个愉快的一天！

.code-snippet{
    position: relative;
    width: 100%;
    bordeR: 1px solid red;
    margin-bottom: 20px;
}
.copy{
    position: absolute;
    right: 20px;
    bottom: 20px;
}

$(document).ready(function(){
    var clipboard = new Clipboard('.copy', {
        target: function() {
            return document.querySelector('.code');
        }
    });
});

$(document).ready(function(){
    var clipboard = new Clipboard('.copy', {
        target: function(trigger) {
            return trigger.previousElementSibling;
        }
    });
});