jquery append string to variable

stackoverflow.com › questions › 1288095 › append-to-string-variable

Append to string variable [closed] - javascript

347

Like this:

var str = 'blah blah blah';
str += ' blah';

str += ' ' + 'and some more blah';

quora.com › Can-we-append-a-variable-to-a-string-inside-a-jQuery-selector

var str1 = 'abc';
var str2 = str1+' def'; // str2 is now 'abc def'

Quora

Can we append a variable to a string inside a jQuery selector? - Quora

1) Use the “+” to concatenate strings 2) To include multiple selectors, should separate each with a comma (,) — unless you are using descendant selectors but you need a space between them.

Discussions

[jQuery] .append() variable content rather than text

This $('#golden_site') selects the div with id=golden_site. While this $(golden_site) doesn't select anything.

Taken from here, you have the following ways of selecting an element using jQuery

Selecting Elements by ID
Selecting Elements by Class Name
Selecting Elements by Attribute
Selecting Elements by Compound CSS Selector
Pseudo-Selectors

The way you tried to select your div doesn't follow one of the above ways. Hence you didn't make it. While using the id you made it, since this is included in the above ways.

update

As Guffa pointed out (I didn't now it) in his comment,

The call $(golden_site) doesn't try to use the string as a selector at all. It will create an elements from the HTML string, and actually return that element

The code is working fine, but it doesn't do what you think.

The $(golden_site) part will create a new div element from the HTML code in the string. The lookup element will then be appended to that div. As the div is an element that you just created, it's not in the page and the lookup element that you appended to it isn't in the page either.

If you create the div element first and then append that to the page, instead of using a string in the append, then you have a reference to the div element:

var golden_site = '<div id="golden_site"></div>';
var element = $(golden_site);
$('.form_content').append(element);

Now you can append things to it:

element.append(lookup);

Find elsewhere

Google Bing Mojeek

stackoverflow.com › questions › 42441907 › jquery-appending-html-string-to-html-string-in-variable

Jquery - appending html string to html string in variable

discuss.codecademy.com › get help › jquery

1 of 6

Updated fiddle.

You have to assign the return of this expression $(thing).append(close); to the variable thing like:

thing = $(thing).append(close);

Else the variable will always hold the default string <div class="thing"></div> as value.

Hope this helps.

$(document).ready(function(){
  $('body').on('click', 'button', function(){
    var thing	  = '<div class="thing"></div>';
    var close	  = '<a href="#" class="close">close</a>';

    $('.canvas').append( $(thing).append(close) );

    return false;
  });
});

.thing {
  width: 50px;
  height: 50px;
  background: red;
}

.close {
  background: blue;
  color: white;
}

.canvas {
  border: 1px solid black;
  width: 500px;
  height: 500px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Add Thing</button>
<div class="canvas"></div>

2 of 6

The append method of jquery append to DOM of the page. If you want to make more readble try this:

var thing = '<div class="thing">';
thing    += '<a href="#" class="close">close</a>';
thing    += '</div>';

$('.canvas').append(thing);

Codecademy Forums

Jquery - appending a string from an array to a div - jQuery - Codecademy Forums

September 2, 2018 - Hello, I am new to jquery and programmering. I want to add an span container in my html document’s div container. The div that I want to append to on my html document looks this: . <script type="text/javascript"> var …

stackoverflow.com › questions › 49003746 › how-to-append-a-extra-character-to-a-variable-that-contain-string-in-jquery

how to append a extra character to a variable that contain string in jquery

1 of 3

You can do normal string concatenation instead of using any library (like use used .append() )

$(document).ready(function() {
  $(document).on('click', '.button', function() {

    var demo = $('#textbox').val();
    var demoapp = demo + "^";
    alert(demoapp);

  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>

<body>

  <input type="textbox" id="textbox" />
  <input type="submit" class="button" value="submit" />
</body>

</html>

2 of 3

Instead of var demoapp=demo.append("^");, use var demoapp=demo+"^";

stackoverflow.com › questions › 66908337 › how-to-add-a-variable-inside-a-string-with-jquery

how to add a variable inside a string with jquery

let selected_files = [{name:"henk"},{name:"wim"}] for (let i = 0; i < selected_files.length; i++) { let div = document.createElement("div") div.classList.add("del") div.innerText = selected_files[i].name div.addEventListener("click", ()=>{ removeImageFromList(selected_files[i].name) }) document.body.appendChild(div) } function removeImageFromList(str){ console.log(str) } ... Find the answer to your question by asking. Ask question ... See similar questions with these tags. ... New site design and philosophy for Stack Overflow: Starting February 24, 2026... I’m Jody, the Chief Product and Technology Officer at Stack Overflow, let’s... 1 How can I insert a variable into a variable string?

Codecademy

codecademy.com › forum_questions › 51d485a18c1ccc0c49000563

I really have no clue what I'm doing with the .append() function.. Help! | Codecademy

‘ + variable + ‘‘); inside the click fucntion makes sense because it has the variable in it. Hope I’m not too complicated ... Thanks. I was having the same problem and this fixed it. Seems like having this simple explanation in the instructions would have saved others and myself a lot of time and headache. ... You are not alone, I am feeling overwhelmed right now….. ... Its a bit overwhelming… And I thought Python was tough!!!

stackoverflow.com › questions › 47479169 › how-to-append-a-variable-to-an-html-element-in-jquery

How to append a variable to an html element in jQuery

1 of 2

Your var simple should be a string, without the $.

var simple = "<p>hello</p>";
$(".easy").append(simple);

2 of 2

var simple = '<p> hello </p>';
$('.easy').append(simple);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="easy"> </div>

If you want to create HTML template, you can also use backticks.

stackoverflow.com › questions › 16302941 › how-to-concatenate-variable-in-string-in-javascript

jquery - How to concatenate variable in string in javascript - Stack Overflow

var atLeastOneIsChecked = jQuery('input[name="addon-"'+abc+']:checked').length;
                                                    ^
                                                    |

You used the closing " at the wrong place

var atLeastOneIsChecked = jQuery('input[name="addon-'+abc+'"]:checked').length;
                                                           ^
                                                           |

Try this -

var atLeastOneIsChecked = jQuery("input[name='addon-"+abc+"']:checked").length ;

stackoverflow.com › questions › 11049275 › how-to-use-variable-in-string-in-jquery › 45189627

html - How to use variable in string in jQuery - Stack Overflow

1 of 7

Concatenating can be done with + as follows.

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

or in the modern world you can use template strings:

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

The more jQuery-oriented approach would be:

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>

References:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#string_operators
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

2 of 7

You can also use template literals:

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

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

stackoverflow.com › questions › 20542317 › how-to-append-variable-content-inside-div-with-jquery

How to append variable content inside div with jquery?

iqcode.com › code › javascript › how-to-concatenate-strings-and-variables-in-javascript

1 of 3

$("#errorSuccess").append("<b>" + aux + "</b>");

or, if you want to be at the beginning of the #errorSuccess content, you need to replace append with prepend

2 of 3

Use append instead of html

$("#errorSuccess").append( "<b>" + aux + "</b>");

JSFiddle

IQCode

how to concatenate strings and variables in javascript Code Example

November 9, 2021 - n javascript javascript concat html tag javascript string builder java script string builder javascript add a function in a string concat function in a string javascript js add string to string javascript append to variable javascript variables string concatenation javascript append string to exsiting string variable javascript append string to string javascript concat string using += js add to end of string how to concat two strings javascript javascript join two or more strings together concatenation javascript `{}` concatenation javascript $ how to concat variable with string in javascript

stackoverflow.com › questions › 10145198 › how-to-append-a-variable-to-an-html-element-stored-as-string-using-jquery

how to append a variable to an HTML element stored as string using Jquery?

var $wrap = $('<div class="wrap"><div data-role="controlgroup"></div></div>');
var $btn = $('<a href="#some" data-role="button">Click</a>');
$wrap.append( $btn );

There's probably fifty ways to this, like:

var $wrap = $('<div class="wrap"><div data-role="controlgroup"></div></div>'),
    $btn = '<a href="#some" data-role="button">Click</a>';

$wrap.children().append( $btn );

or:

var $wrap = $('<div class="wrap"><div data-role="controlgroup"></div></div>'),
    $btn = '<a href="#some" data-role="button">Click</a>';

$('[data-role="controlgroup"]', $wrap).append( $btn );