1. ホーム
  2. 質問と答え
  3. jqueryの変数stringをjqueryで使用する方法

jqueryの変数stringをjqueryで使用する方法

2012-06-15 12 views
6

文字列内の変数を使用したいと思います。私は何度もやろうとしましたが、変数名を取得するだけです。jqueryの変数stringを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>

出典

2012-06-15 Carlos

答えて

15

+で連結することができます。

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

参考：

出典

2012-06-15 10:52:53 VisioN

+0

uはplsは私に言うことができるトリックや方法これは、文字列の連結である – Carlos

+0

@amitが何でありますか。あなたは[** MDN **]（https://developer.mozilla.org/ja/JavaScript/Reference/Operators/String_Operators）で読むことができます。 – VisioN

+1

任意のデータをHTMLに直接連結しないでください。あなたは何かをエスケープしているわけではなく、無効なHTMLやインジェクションの問題にあなた自身を巻き込んでいます。 – Brad

-1

二重引用符の内側に拡大する変数をサポートしていません。この

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

出典

2012-06-15 10:53:48

+0

任意のデータをHTMLに直接連結しないでください。あなたは何かをエスケープしているわけではなく、無効なHTMLやインジェクションの問題にあなた自身を巻き込んでいます。 – Brad

-2

Javascriptを試してみてください。既に行ったように、引用符を閉じて（再び開き）、+演算子を使用します。

ここ

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

idこれをされることの正しい方法は、あなたのためのエスケープすべての必要なを実行するためにjQueryのHTMLコンストラクタを利用することによって、ある変数

出典

2012-06-15 10:55:09 wiese

+0

任意のデータをHTMLに直接連結しないでください。あなたは何かをエスケープしているわけではなく、無効なHTMLやインジェクションの問題にあなた自身を巻き込んでいます。 – Brad

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

出典

2012-06-15 10:57:22

1

です：

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

出典

2014-07-14 17:52:23

関連する問題

 関連する問題