Auf Knopf klicken, div inner html dem Eingabefeld Wert zuweisen

Was ich möchte ist, wenn jemand auf die Schaltfläche klicken, legen Sie die Telefonnummer, um den Wert einzugeben. Der Block ist eine Schleife, in der verschiedene E-Mail- und Telefonnummern angezeigt werden. wenn ein bestimmter Klick in einem bestimmten Block die Telefonnummer nur von diesem Block erhält. Vielen Dank.Auf Knopf klicken, div inner html dem Eingabefeld Wert zuweisen

<div class="block"> 
    <div class="phone"><span>+1234567</span></div> 
    <div class="email"> 
      <span>[email protected]</span> 
      <button>CLick</button> 
    </div> 
</div> 

<div class="block"> 
    <div class="phone"><span>+7696686</span></div> 
    <div class="email"> 
      <span>[email protected]</span> 
      <button>CLick</button> 
    </div> 
</div> 

<div class="block"> 
    <div class="phone"><span>+897979877</span></div> 
    <div class="email"> 
      <span>[email protected]</span> 
      <button>CLick</button> 
    </div> 
</div> 
<input type="text" value="" id="phone">

Hier ist mein Code:

jQuery(document).ready(function() { 
    jQuery(".block button").click(function() { 
     var contents = jQuery(this).find(".phone span").text(); 
     jQuery("#phone").val(contents); 
    }); 
});

Quelle

2017-02-11 Sajjad Ahmad

Willkommen bei SO. Bitte lesen Sie [Wie man eine gute Frage stellt] (http://stackoverflow.com/help/how-to-ask) Und [wie man ein minimales, vollständiges und überprüfbares Beispiel erstellt] (http://stackoverflow.com/help/mcve). SO ist ** kein kostenloser Codierungs- oder Code-Konvertierungs- oder Debugging- oder Lernprogramm- oder Bibliotheks-Suchdienst **. Sie müssen auch zeigen, dass Sie sich bemüht haben, Ihr eigenes Problem zu lösen. –

@Sam Onela Danke für den Vorschlag, wirklich geschätzt. –

fügen Sie Ihr Javascript, das Sie bisher versucht haben – neophyte

Sie getaggt jQuery so vorausgesetzt, ich bin es ist in Ordnung für Sie eine Antwort mit jQuery zu erhalten. Versuchen Sie etwas Ähnliches wie:

$('button').click(function(){ 
    var phoneNumber = $(this).closest('.phone').find('span').text(); 
});

Quelle

2017-02-11 07:50:21

Kein Glück mit dem obigen Code .. –

Danke Mann, es funktioniert jetzt .. –

@SajjadAhmad Gut zu hören. Wenn diese Antwort für Sie funktioniert hat, können Sie sie akzeptieren, indem Sie auf das Häkchen unter den Abstimmpfeilen klicken. –

versuchen this-

jQuery(document).ready(function($) { 
 
    $(".block").each(function() { 
 
     $(this).find('button').click(function(){ 
 
      var contents = $(this).parents('.block').find('.phone span').text(); 
 
      $("#phone").val(contents); 
 
     });   
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="block"> 
 
    <div class="phone"><span>+1234567</span></div> 
 
    <div class="email"> 
 
      <span>[email protected]</span> 
 
      <button>CLick</button> 
 
    </div> 
 
</div> 
 

 
<div class="block"> 
 
    <div class="phone"><span>+7696686</span></div> 
 
    <div class="email"> 
 
      <span>[email protected]</span> 
 
      <button>CLick</button> 
 
    </div> 
 
</div> 
 

 
<div class="block"> 
 
    <div class="phone"><span>+897979877</span></div> 
 
    <div class="email"> 
 
      <span>[email protected]</span> 
 
      <button>CLick</button> 
 
    </div> 
 
</div> 
 
<input type="text" value="" id="phone">

Quelle

2017-02-11 13:30:46

Das ist was ich brauchte. Vielen Dank. –

Auf Knopf klicken, div inner html dem Eingabefeld Wert zuweisen

Antwort

Verwandte Themen