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

Question

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

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

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

Run Code Online (Sandbox Code Playgroud)

Answer 1

Vis*_*ioN 25

连接可以+如下进行.

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

Run Code Online (Sandbox Code Playgroud)

参考:

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

切勿将任意数据直接连接到 HTML 中。您没有逃避任何事情，反而面临无效的 HTML 和注入问题。 (2认同)
@Brad 关于您评论中提出的观点，我认为 90% 的答案不包含针对以错误方式使用解决方案的情况的所有可能警告。按照这个逻辑，我们必须提及所有漏洞，以防万一有人想要添加例如 Ajax 支持或其他任何东西。当前的上下文并没有那么含蓄地提前警告，因为数据的来源是相当明显的。 (2认同)

Answer 2

Ken*_*sen 12

您还可以使用模板文字：

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

Run Code Online (Sandbox Code Playgroud)

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

归档时间：	13 年，4 月前
查看次数：	77212 次
最近记录：	8 年，3 月前