Javascript 我们能操纵已经消失的元素吗？

我在页面上有一些默认淡出的按钮，只有当用户单击页面内容时才可见。这很好用

我现在需要在用户单击内容使其可见之前，为其中一个按钮分配一些数据属性

是否可以指向褪色的元素并添加所需的数据属性

我所有的尝试都没有成功

在此方面的任何帮助都将不胜感激

编辑：

乱数假文
Lorem Ipsum只是一个虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书

这里没有什么特别的。这是一个放置在

html页面

上的模板

工具箱

是淡出的相关元素

我试图引用此元素，但找不到它

---

如何引用不可见元素？

在元素淡出后是否删除了该元素？如果没有，则无法删除

$.extend（$.fn{
填充：函数（）{
返回此.data（'foo'，'bar'）；
},
检查：功能（）{
console.log（this.data（'foo'））；
归还这个；
}
});
$（“按钮”）。单击（函数（）{
$（'main div'）[this.id]（）；
});
主分区{
宽度：100px；
高度：100px；
背景：#333；
保证金：0自动；
}

淡出
去除
填充数据
检查
是，这是可能的。请回答您的问题以显示不起作用的代码。元素淡出后是否删除了该元素？如果不能，则无法删除。谢谢您的回答，但我感觉我没有正确解释问题。默认情况下，
工具框
淡出，因此在页面上不可见。我需要在这个“工具箱”中添加一个数据属性，我已经尝试了几十种解决方案，但都没有效果。所以问题是我如何指出一个看不见的元素。谢谢我的回答，你可以按顺序尝试所有按钮：淡出>填充数据>检查>删除>检查。然后你知道如果不从dom中删除，可以在不可见的dom上设置数据。如何指向不可见的元素？改为使用。有一个选择器供你选择。我将尝试在我的插件中实现这一点。我会让你知道它是否有效。感谢查看我的插件代码，我发现我忘记将单击行为应用于
行设置。所以我幸运地解决了这个问题。感谢你的努力，因为你的回答可能对其他人有用，我将接受它。再次感谢
<div class="ui-draggable">
    <div id="119a7" class="container template-block drg-elem">
        <div class="row clearfix drg ui-sortable" contenteditable="true">
            <div class="column col-md-6">
                <h1>Lorem Ipsum</h1>
                <p>Lorem Ipsum is simply dummy text. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                <div class="row-arrange ui-sortable-handle">
                    <div class="btn-xs arrange-handle">
                        <i class="fa fa-arrows"></i>
                    </div>
                </div>
            </div>
            <div class="column col-md-6">
                <img src="assets/builder/images/e09-1.jpg">
                <div class="row-arrange ui-sortable-handle">
                    <div class="btn-xs arrange-handle">
                        <i class="fa fa-arrows"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tool-box">
        <div class="row-settings">
            <i class="fa fa-wrench"></i>
        </div>
    </div>
</div>