Добавление текста после переменной в код JavaScript

Question

var example = "Test" ; 

$('button').click(function() { 
$('div').append(example); 
}); 

<button>Whatever</button> 
<div></div> 

Как добавить текст после переменной example в код jQuery?

Другими словами, в коде JQuery, как я могу добавить текст (в этом примере: «бла») после переменной так HTML код будет выглядеть следующим образом

<div>Testblah</div> 

Answer 1

Не уверен, если это то, что вы ищете,

$('div').html(example + "blah"); 

Примечание Я использовал .html вместо .append. Вы также можете использовать .text, если вы хотите вставить простой текст внутри div.

Выше всего простая конкатенация строк javascript. Вы должны прочитать о String Operators

Также вышесказанное не меняет значение примера var. Если вы хотите, чтобы значение было изменено, присвойте результат примеру и установите div html.

example += 'blah'; 
$('div').html(example); 

Answer 2

Так же, как это:

$('button').click(function() { 
    $('div').append(example + "blah"); 
}); 

Answer 3

Вы должны назвать свой DIV так:

<div id="one"> </div> 

и поместить код JQuery как этот

$('#one').html(example); 

Answer 4

Maybe Я неправильно понял ваш вопрос, но это простая конкатенация строк?

var example = "Test"; 

$('button').click(function() { 
example += "blah"; // ???? 
$('div').append(example); 
}); 

Answer 5

изменения к этому:

var example = "Test" ; 
$('button').click(function() { 
    example=example+'blah'; 
$('div').append(example); 
}); 

или:

var example = "Test" ; 
var exp="blah"; 
$('button').click(function() { 
    example=example+exp; 
$('div').append(example); 
});