Добавление текста после переменной в коде 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.Вы должны прочитать о Строковых Операторах

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

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

Answer 2

изменить на это:

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

Answer 3

Попробуйте использовать concat (Vanilla JS):

var example = "Test"
//to concatenate:
example = example.concat("blah")
document.write(example)
//if you want a space:
example = example.concat(" blah")
document.write(example)

Answer 4

Может быть, я неправильно понял ваш вопрос, но это простая конкатенация строк?

var example = "Test";

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

Answer 5

Вам нужно будет назвать ваш div следующим образом:

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

и поставить код jQuery следующим образом

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

Answer 6

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

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