Question

我想在字符串中使用变量。我曾尝试多次这样做，但它只是获取变量名。

<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>

Answer 1

可以使用+进行连接，如下所示。

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

<强>参考：

https://developer.mozilla.org/en/JavaScript/Reference/Operators/String_Operators

Answer 2

您还可以使用模板文字：

$('.html').html(`<div class='new' id=${id}>jitender</div>`)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Answer 3

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

Answer 4

这样做的正确方法是利用jQuery的HTML构造函数为您执行所有必要的转义：

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

Answer 5

我觉得这是一种更简单有效的方法。（使用``）

$(".html").html(`<div class="new" id="${id}">jitender</div>`)

Answer 6

试试这个

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

Answer 7

Javascript不支持在双引号内扩展变量。关闭（并重新打开）引号并使用+运算符，就像您已经做过的那样。

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

此处id是变量

如何在jquery中使用string中的变量

7 个答案: