尝试使用 Jquery 更改 HTML [重复]

Posted 2023-02-16

【中文标题】尝试使用 Jquery 更改 HTML [重复]

【英文标题】：Trying to change HTML with Jquery [duplicate]

【发布时间】：2014-08-13 13:07:26

【问题描述】：

我正在尝试使用 JQuery 更改我的 html 代码。当我使用此代码时，它可以工作：

$('.theclass').html('hello');

但我真正想做的是在我的 HTML 中包含一个声明。所以我尝试了这个，但它不起作用。

$('.theclass').html( 
    "<select name='myName' id='myId'>
        <option value=''>-</option>
        <option value='A'>A</option>
        <option value='B'>B</option>
    </select>"
);

有什么帮助吗？谢谢

【问题讨论】：

将所有内容放在一行上是否有效？你不能像这样在 javascript 中跨多行拆分字符串。

it does not work. 详细说明。

这是一个基本的语法错误。字符串不能跨越多行。

【参考方案1】：

当您的字符串输入超出更新行时，尝试正确地concatenate 字符串，

$('.typehidden .controls').html( 
    "<select name='myName' id='myId'>"
        + "<option value=''>-</option>"
        + "<option value='A'>A</option>"
        + "<option value='B'>B</option>"
    + "</select>"
);

【讨论】：

稍微解释一下为什么这将有助于 OP

@asprin 当然.. 给我 2 分钟..

别担心，我已经 +1 了

【参考方案2】：

您可以使用\ 创建多行字符串。

$('.theclass').html( 
    "<select name='myName' id='myId'>\
        <option value=''>-</option>\
        <option value='A'>A</option>\
        <option value='B'>B</option>\
    </select>"
);

【参考方案3】：

没有+ 或\ 运算符的多行不起作用，请使用Rajaprabhu 答案，或者您可以写在一行中。

$('.theclass').html(  "<select name='myName' id='myId'><option value=''>-</option><option value='A'>A</option><option value='B'>B</option></select>");