javascript - 如何计算innerHTML内的变量？

Question

如何计算innerHTML内部的变量？

JS

var counter = 1;
counter++;
alert(counter);

$(".end").html('Test ' + counter+1 + ' Test');

HTML

<p class="end"></p>

在我的JSfiddle例如，它适用于警报示例，但不适用于 innerHTML 元素。为什么？工作进展如何？

Answer 1

这是因为你正在进行字符串连接。

当前评估

'Test ' + counter+1 + ' Test'
'Test 2' +1 + ' Test'
'Test 21' + ' Test'
'Test 21 Test'

您应该将计算包装在 ()

$(".end").html('Test ' + (counter+1) + ' Test');

当您添加 () 时，它具有更高的优先级并首先在表达式中计算。

当前评估

'Test ' + (counter+1) + ' Test'
'Test ' + 3 + ' Test'
'Test 3' + ' Test'
'Test 3 Test'