在jQuery代碼中顯示變量值

Question

如果這是一個新手問題，我很抱歉，但是我在互聯網上搜索了很多，但找不到解決方案。問題是，我想展示jQuery代碼中的變量值，我的jQuery代碼是到這裏，

$(document).ready(function(e) { 
    $alt = $('.main-img').attr('alt'); 
    $('.main-img').after("<div class='slide_title'>$alt</div>"); 
}); 

現在的問題是，我想說明提前

Answer 1

的毗連字符串正確...

像這樣：

$('.main-img').after('<div class="slide_title">' + $alt + '</div>'); 

或按Satpal解決方案....

它就像

var a = "" + your variable +"" 

但在你的代碼中你擁有全部串

$('.main-img').after('<div class="slide_title"> $alt </div>'); 

所以$alt被視爲string不是variable。

您可以在自定義變量之前或之後放置html標記或文本等。

Answer 2

串聯變量，日Thnx變量ALT值同時創建HTML字符串。

$('.main-img').after("<div class='slide_title'>" + $alt + "</div>"); 

Answer 3

最安全的方式，如果變量的值可能包括像<這是特殊的HTML字符，是使用text功能：

$(document).ready(function(e) { 
    var main = $('.main-img'); 
    $("<div class='slide_title'></div>") 
     .text(main.attr('alt')) 
     .insertAfter(main); 
}); 

如果想在變量的文本使用HTML，然後或者字符串連接或html功能：

使用concat：

$(document).ready(function(e) { 
    var main = $('.main-img'); 
    $("<div class='slide_title'>" + main.attr('alt') + "</div>") 
     .insertAfter(main); 
}); 

html：

$(document).ready(function(e) { 
    var main = $('.main-img'); 
    $("<div class='slide_title'></div>") 
     .html(main.attr('alt')) 
     .insertAfter(main); 
});