2012-06-15 6 views
6

Ich möchte eine Variable in einer Zeichenfolge verwenden. Ich habe versucht, es oft zu tun, aber es erhält nur den Variablennamen.Wie benutze ich Variable in Zeichenfolge in jquery

<head> 
    <script type="text/javascript" src="jquery-1.7.2.js"></script> 
    <script type="text/javascript"> 
     $(function(){ 
      $("a").click(function(){ 
      var id= $(".id").html(); 
      $('.html').html("<div class='new' id=+id+>jitender</div>") 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <div class="wrap"> 
     <a href="#">Make Html</a> 
     <div class="html"></div> 
     <div class="id">first</div> 
    </div> 
</body> 

Antwort

15

verketten kann mit + wie folgt vorgenommen werden.

$('.html').html("<div class='new' id='" + id + "'>jitender</div>"); 

Referenz:

+0

u kann mir pls sagen, was Trick oder Methode ist – Carlos

+0

@amit Diese String-Verkettung ist. Sie können darüber in [** MDN **] (https://developer.mozilla.org/en/JavaScript/Reference/Operators/String_Operators) nachlesen. – VisioN

+1

Verketten Sie niemals willkürliche Daten direkt in HTML. Sie entgehen nichts und öffnen sich für ungültige HTML- und Injektionsprobleme. – Brad

-1

Versuchen Sie, diese

$(".html").html("<div class='new' id='"+id+"'>jitender</div>") 
+0

Verketten Sie niemals willkürliche Daten direkt in HTML. Sie entgehen nichts und öffnen sich für ungültige HTML- und Injektionsprobleme. – Brad

-2

Javascript unterstützt keine Variablen in doppelte Anführungszeichen zu erweitern. Schließen Sie die Anführungszeichen (und öffnen Sie sie erneut) und verwenden Sie den Operator +, wie Sie es bereits getan haben.

"<div class='new' id='" + id + "'>"

hier id ist variabel

+0

Verketten Sie niemals willkürliche Daten direkt in HTML. Sie entgehen nichts und öffnen sich für ungültige HTML- und Injektionsprobleme. – Brad

1
<script type="text/javascript"> 
$(function(){ 
$("a").click(function(){ 
    var id= $(".id").html(); 
    $('.html').html("<div class='new' id='"+id+"'>jitender</div>"); 
    }) 
}) 

1

Der richtige Weg, dies zu tun durch die Nutzung von jQuery HTML Konstruktor nehmen ist, ist alles für Sie entkommen die notwendige auszuführen:

$("a").click(function() { 
    var id= $(".id").html(); 
    // create new element 
    $('<div>', { 
     class:'new', 
     id: id, 
     text: 'jitend' 
    }).appendTo('.html'); // and append it 
}); 
Verwandte Themen