Question

尝试将JS var run_name打印为HTML内容的一部分。这是我的整个JS代码中的小片段：

var run_name = uiscripts.context.run.id; //uiscripts.context.run.id is a string
var markUp = "<h3 class='title' style='text-align: center'>Job is _____</h3>\r\n"; 
$("#startJobDialog").html(markUp);

markUp var保存我要作为#startJobDialog的一部分显示的HTML内容。您可以在markUp var中看到空白带下划线的内容。我想将run_name var填入该空白处。那是约伯_____。我该怎么做？

到目前为止，我尝试了两种方法：

var markUp = "<h3 class='title' style='text-align: center'>Job is <var>run_name</var></h3>\r\n";

和此：

var run_name = uiscripts.context.run.id;
    var markUp = "<h3 class='title' style='text-align: center'>Job is _____</h3>\r\n";

    markUp += run_name;

    $("#startJobDialog").html(markUp);

Answer 1

试试这个。您只需将variable run_name的值与html连接起来。

var markUp = "<h3 class='title' style='text-align: center'>Job is <span style='font-weight:bold'>"+run_name+"</span></h3>\r\n";

Answer 2

试试这个：

var run_name = uiscripts.context.run.id; //uiscripts.context.run.id is a string
var markUp = "<h3 class='title' style='text-align: center'>Job is " + run_name + "</h3>\r\n"; 

$("#startJobDialog").html(markUp);

此外，在ES6中，您可以在template literals中使用插值。如果将字符串放入``并将变量包装到$ {run_name}

中

Answer 3

尝试以下

var markUp = $('<h3>',{
class:'title',
style:'text-align: center',
text:"Job is "+run_name });
$("#startJobDialog").html(markUp);

Answer 4

您可以通过以不同方式定义#startJobDialog来实现： -

<div id = "startJobDialog">
<h3 class='title' style='text-align: center'>
Job is <div id = "run_name"> </div>
</h3>
</div>

Jquery： -

$("#run_name").html(run_name);

由于您的标记不是可变的，因此您可以将其放入html中。或者您可以使用+ markup +

在标记变量中连接run_name

在html标记

4 个答案: