Ändern des Textfeldfeldes, HTML, JS, jQuery

Question

Ich habe 7 Knöpfe (verschiedene Partnerknöpfe mit verschiedenen Bildern (Logos)).

<a class="button button-type-1 fancybox_js" href="#buttonX"> 
<a class="button button-type-2 button-gray fancybox_js" href="#buttonX"> 
<a class="button button-type-2 button-orange fancybox_js" href="#buttonX"> 

Wie Sie sehen, sie alle haben unterschiedliche ein modales Fenster mit Textfeld zu öffnen

<div class="hidden" id="buttonX"> 
    <div class="login-form"> 
     <div class="login-form-inner"> 
      <textarea id="button1" name="something"></textarea> 

Innerhalb dieses Textfeld haben Sie den Code dieser Taste wich sein wurde

gedrückt

<a class="button button-type-1 fancybox_js" href="#buttonX"> if pressed this button 

Aber ich muss den Wert von Textbereich ändern, abhängig davon, welcher Button angeklickt wurde. Wenn ich auf die Schaltfläche <a class="button button-type-2 button-orange fancybox_js" href="#buttonX"> klicke, muss ich im modalen Fenster ein Textfeld mit dem Code dieser Schaltfläche haben. Kann mir jemand dabei helfen? Vielen Dank!

Answer 1

Sie können den Code der Schaltfläche mithilfe der clone() - und html() -Methode von jQuery abrufen.

Ich habe eine Klasse ("myCBtn") zu allen Ihren Tasten hinzugefügt und klicke dann in <div>. Danach müssen Sie nur den HTML-Code des erstellten DIVs verwenden, um den Code Ihrer Schaltfläche zu erhalten.

HTML Ihrer Tasten.

<td width="50%"><a class="button myCBtn button-type-1 button-blue-round fancybox_js" href="#buttonX"><span>Купить в кредит1</span></a><br> 

<a class="button myCBtn button-type-1 fancybox_js" id="button_1" href="#buttonX"><span>Купить в кредит4</span></a><br> 

<a class="button myCBtn button-type-2 button-gray fancybox_js" href="#buttonX"><span>Купить в кредит2</span></a><br> 

<a class="button myCBtn button-type-2 button-orange fancybox_js" href="#buttonX"><span>Купить в кредит3</span></a><br></td> 

ändern folgenden Code

<div class="myCBtn" id="myCBtn"> 
    <textarea id="myCBtn" name="ButtonCode"></textarea> 
</div> 

zu

<div class="popupDivClass" id="popupDivId"> 
    <textarea id="buttonCodeTA" name="ButtonCode"></textarea> 
</div> 

auch unterhalb der Linie entfernen.

document.getElementById('myCBtn').value = buttoncode; 

und aktualisieren Sie die Klick-Funktion auf folgende:

$('.myCBtn').click(function(e){ 
      var thisbutton=$(this).clone(); 
     var newDiv=$('<div>').append(thisbutton); 
     var buttoncode=$(newDiv).html(); 
     // perform next operations here using buttoncode. 
     $("#buttonCodeTA").val(buttoncode); 
    }); 

Aktualisiert jsFiddle: https://jsfiddle.net/7o6p8nso/1/