1. casa
  2. Domanda e risposta
  3. come utilizzare la variabile nella stringa in jquery

come utilizzare la variabile nella stringa in jquery

2012-06-15 9 views
6

Voglio utilizzare una variabile in una stringa. Ho provato a farlo molte volte, ma si sta solo ottenendo il nome della variabile.come utilizzare la variabile nella stringa 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>

fonte

2012-06-15 Carlos

risposta

15

concatenazione può essere fatto con + come segue.

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

Riferimento:

fonte

2012-06-15 10:52:53 VisioN

+0

può u pls mi dicono che è il trucco o metodo – Carlos

+0

@amit Si tratta di concatenazione di stringhe. Puoi leggere a riguardo in [** MDN **] (https://developer.mozilla.org/en/JavaScript/Reference/Operators/String_Operators). – VisioN

+1

Non concatenare mai dati arbitrari direttamente in HTML. Non stai sfuggendo a nulla, aprendoti a problemi di HTML e di iniezione non validi. – Brad

-1

Prova questa

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

fonte

2012-06-15 10:53:48

+0

Non concatenare mai dati arbitrari direttamente in HTML. Non stai sfuggendo a nulla, aprendoti a problemi di HTML e di iniezione non validi. – Brad

-2

JavaScript non supporta le variabili in espansione all'interno doppi apici. Chiudi (e riapri) le virgolette e usa l'operatore +, come hai già fatto.

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

qui id è variabile

fonte

2012-06-15 10:55:09 wiese

+0

Non concatenare mai dati arbitrari direttamente in HTML. Non stai sfuggendo a nulla, aprendoti a problemi di HTML e di iniezione non validi. – Brad

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

fonte

2012-06-15 10:57:22

1

Il modo corretto per farlo è sia sfruttando il costruttore HTML di jQuery per eseguire tutte le necessarie fuga per voi:

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

fonte

2014-07-14 17:52:23

Problemi correlati

 Problemi correlati