Show variable value with in jquery code

Question

I am sorry if it is a newbie question, but I have searched alot on internet but couldn't found a solution. Problem is that I want to show a variable value within jquery code, my jquery code is down here,

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

now problem is that I want to show variable alt value in , thnx in advance

Satpal · Accepted Answer · 2015-08-28 07:32:25Z

2

Concatenate variable while creating HTML string.

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

answered Aug 28, 2015 at 7:32

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Habib Over a year ago

thnx mate for giving your time.

T.J. Crowder · Accepted Answer · 2015-08-28 07:37:03Z

2

The safest way, if the variable's value may include characters like < which are special in HTML, is to use the text function:

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

If you want to use HTML in the variable's text, then either string concatenation or the html function:

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

answered Aug 28, 2015 at 7:37

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

1 Comment

Habib Over a year ago

thanx mate for answering, I got answer from your question but you made it little complex, I need a simple solution like given by Akki619, but still I am very thankful to you.

Akki619 · Accepted Answer · 2015-08-28 07:36:26Z

1

Concat the string properly...

Like this:

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

or as per Satpal Solution....

it works like

var a = "" + your variable +""

but in your code you have all string

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

so $alt is considered as string not a variable.

You can put html tag or text or etc which you want before or after your custom variable.

answered Aug 28, 2015 at 7:36

Akki619

2,4326 gold badges29 silver badges58 bronze badges

Collectives™ on Stack Overflow

Show variable value with in jquery code

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related