フェードアウトされた要素を操作できますか？

Question

私は、デフォルトでフェードアウトされたページにいくつかのボタンがあり、ユーザーがページのコンテンツをクリックしたときにのみ表示されます。 これは問題なく動作しています。 私は今、ユーザーがコンテンツをクリックできるようにする直前に、このボタンの1つにいくつかのデータ属性を割り当てる必要があります。

退色した要素を指し、必要なデータ属性を追加することは可能ですか？

私の試みはすべて成功しませんでした。

これについてのご支援をいただければ幸いです。

EDIT：

<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> 

何も特別なことはここではありません。これは、html pageにドロップされるテンプレートです。

tool-boxがフェードアウトされている要素です。

この要素を参照しようとしましたが、見つかりませんでした。 問題は、どうやって目に見えない要素を参照できるかということです。

Answer 1

要素をフェードアウトした後に要素を削除したかどうかを確認してください。

$.extend($.fn, { 
 
    fill: function() { 
 
     return this.data('foo', 'bar'); 
 
    }, 
 
    inspect: function() { 
 
     console.log(this.data('foo')); 
 
     return this; 
 
    } 
 
}); 
 
$('button').click(function() { 
 
    $('main div')[this.id](); 
 
});

main div { 
 
    width: 100px; 
 
    height: 100px; 
 
    background: #333; 
 
    margin: 0 auto; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="fadeOut">Fade Out</button> 
 
<button id="remove">Remove</button> 
 
<button id="fill">Fill Data</button> 
 
<button id="inspect">Inspect</button> 
 
<main><div></div></main>