Können wir Elemente manipulieren, die ausgeblendet wurden?

Question

Ich habe einige Schaltflächen auf der Seite, die standardmäßig ausgeblendet sind und nur sichtbar sind, wenn der Benutzer auf den Seiteninhalt klickt. Das funktioniert gut. Ich bin jetzt in der Notwendigkeit, einige dieser Daten-Attribute zu einem dieser Schaltflächen zuweisen, bevor der Benutzer auf den Inhalt klicken wird, so dass sie sichtbar sind.

Es ist möglich, auf das verblasste Element zu zeigen und das erforderliche Datenattribut hinzuzufügen?

Alle meine Versuche waren nicht erfolgreich.

Jede Hilfe mit diesem wird geschätzt.

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> 

Es ist nichts Besonderes hier. Dies ist eine Vorlage, die auf der html page abgelegt wird.

Die tool-box ist das fragliche Element, das ausgeblendet wird.

Ich habe versucht, auf dieses Element verweisen, aber es kann nicht gefunden werden. Die Frage ist, wie kann ich auf ein unsichtbares Element verweisen.

Answer 1

Haben Sie das Element nach dem Ausblenden des Elements entfernt? Wenn nicht, können Sie es nicht, sonst nicht.

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