用jquery代码显示变量值

时间:2015-08-28 07:31:14

标签: jquery

我很抱歉,如果这是一个新手问题,但我在互联网上搜索了很多,但找不到解决方案。问题是我想在jquery代码中显示一个变量值,我的jquery代码在这里,

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

现在问题是我想在thnx中显示变量alt值

3 个答案:

答案 0 :(得分:2)

创建HTML字符串时连接变量。

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

答案 1 :(得分:2)

最安全的方法是,如果变量的值可能包含HTML中特殊的<等字符,则使用text函数:

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

如果您想要在变量的文本中使用HTML,则可以使用字符串连接或html函数:

String 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);
});

答案 2 :(得分: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标记或文本等。