Question

var example = "Test" ;

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

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

如何在jQuery代码中的变量example之后添加文本？

换句话说，在jQuery代码中，如何在变量之后添加文本（在此示例中为“blah”），以便HTML代码将显示为

<div>Testblah</div>

Answer 1

不确定这是否是您要找的，

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

注意我使用了.html而不是.append。如果要在div中插入纯文本，也可以使用.text。

上面只是一个普通的javascript字符串连接。您应该阅读String Operators

此外，上述内容不会更改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

就像这样：

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

Answer 4

你必须像这样命名你的div：

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

并将jQuery代码放在这个

中

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

Answer 5

也许我误解了你的问题，但这是一个简单的字符串连接吗？

var example = "Test";

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

Answer 6

尝试使用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)

在JavaScript代码中添加变量之后的文本

6 个答案: