问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

如何在jQuery中使用字符串中的变量

社区维基
1
新手上路，请多包涵

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

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

原文由 Jitender 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译jqueryhtml
阅读 716
2 个回答
得票最新
社区维基
1
✓ 已被采纳

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

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

或者在现代世界中，您可以使用模板字符串：

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

更面向 jQuery 的方法是：

 var id = "some-id";

$("<div>", {
    "class": "new",
    id: id,
    text: "jitender"
}).appendTo(".html");

 .new {
    background: #f0f;
}
#some-id {
    color: #fff;
}

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="html"></div>

参考：

原文由 VisioN 发布，翻译遵循 CC BY-SA 4.0 许可协议

社区维基
1
撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题