cách sử dụng biến trong chuỗi trong jquery

Tôi muốn sử dụng một biến trong một chuỗi. Tôi đã cố gắng làm điều đó nhiều lần, nhưng nó chỉ nhận được tên biến.cách sử dụng biến trong chuỗi trong 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>

Nguồn

2012-06-15 Carlos

Kết hợp có thể được thực hiện với + như sau.

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

tham khảo:

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

Nguồn

2012-06-15 10:52:53 VisioN

u có thể xin cho tôi biết là những gì lừa hoặc phương pháp – Carlos

@amit Đây là chuỗi nối. Bạn có thể đọc về nó trong [** MDN **] (https://developer.mozilla.org/en/JavaScript/Reference/Operators/String_Operators). – VisioN

Không bao giờ nối trực tiếp dữ liệu tùy ý vào HTML. Bạn không thoát khỏi bất cứ điều gì, mở ra cho mình các vấn đề về HTML và tiêm không hợp lệ. – Brad

-1

Hãy thử điều này

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

Nguồn

2012-06-15 10:53:48

-2

Javascript không hỗ trợ biến mở rộng bên trong dấu ngoặc kép. Đóng (và mở lại) các dấu ngoặc kép và sử dụng toán tử +, như bạn đã làm.

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

đây id là biến

Nguồn

2012-06-15 10:55:09 wiese

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

Nguồn

2012-06-15 10:57:22

Cách đúng để làm điều này là là bằng cách tận dụng constructor HTML jQuery để thực hiện tất cả các cần thiết thoát cho bạn:

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

Nguồn

2014-07-14 17:52:23

Bạn cũng có thể sử dụng mẫu literals:

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

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

Nguồn

2017-07-19 11:47:23

cách sử dụng biến trong chuỗi trong jquery

Trả lời

Các vấn đề liên quan