Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery插入复杂的HTML?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用jQuery插入复杂的HTML?

Javascript 使用jQuery插入复杂的HTML?,javascript,jquery,html,Javascript,Jquery,Html,有没有一种方法可以像jQuery那样插入HTML: <p>Lorem Ipsum is <a href="somewhere">simply dummy</a> text of the printing and typesetting industry.<span style="color:red; font-size: 1.6rem;">*</span> <p> Lorem Ipsum是印刷和排版行业的文本。* 我尝试

有没有一种方法可以像jQuery那样插入HTML:

<p>Lorem Ipsum is <a href="somewhere">simply dummy</a> text of the printing and typesetting industry.<span style="color:red; font-size: 1.6rem;">*</span> <p>
Lorem Ipsum是印刷和排版行业的文本。* 我尝试了这个,但它只在没有

印刷和排版行业的文本。
*

);

我也尝试了.append(),但结果是一样的。你认为这有可能吗?怎么可能

只需删除换行符并将其放在引号内即可

jQuery(“div#webform component approvement>.description”).html(“Lorem Ipsum是印刷和排版行业的文本。*

”)

考虑一下这一点

var htmlString = `<p>Lorem Ipsum is <a href="somewhere">simply dummy</a> text of the printing and typesetting industry.<span style="color:red; font-size: 1.6rem;">*</span> <p>
`;

// you can choose your element, for sake of example we are using P tag;

$("p").append(htmlString);
var htmlString=`Lorem Ipsum是印刷和排版行业的文本。*
`;
//您可以选择您的元素,例如,我们使用P标记;
$(“p”)。追加(htmlString);

您可以在`之间使用字符串,也就是说,您可以在字符串内部使用多行字符串和“(双引号)。
jQuery(“div#webform component approvement>.description”).html(`Lorem Ipsum是
印刷和排版行业的文本。
*

`;

在双引号前使用InnerHTML和“\”:

document.getElementsByClassName("analyseButtonImage")[i].innerHTML = "<p>Lorem Ipsum is <a href=\"somewhere\">simply dummy</a> text of the printing and typesetting industry.<span style=\"color:red; font-size: 1.6rem;\">*</span> <p>";
document.getElementsByClassName(“analyseButtonImage”)[i].innerHTML=“Lorem Ipsum是印刷和排版行业的文本。*”;

尝试使用字符串调用。使用单个qoute将其包装,如
“Lorem Ipsum是印刷和排版行业的文本。*

如果要保留换行符,请使用“backtick”包装。您会很快发现这一点。为什么不
$(“div#webform component approvement>.description”).html(htmlString)
但还有什么要回答的。它被否决了,几乎被拒绝帮助他,我想这是一个互相学习的平台,对吧?我选择了不给他喂食,而是给他指路。顺便说一句@mplungjan也在问题的评论中解释了这一点。
document.getElementsByClassName("analyseButtonImage")[i].innerHTML = "<p>Lorem Ipsum is <a href=\"somewhere\">simply dummy</a> text of the printing and typesetting industry.<span style=\"color:red; font-size: 1.6rem;\">*</span> <p>";