javascript - 我的 .html() 语法有什么问题?

标签 javascript jquery html escaping

当我输入以下代码时:

$('.whatever').html("LOL");

它有效。但在我正在构建的网站中,我需要添加的不仅仅是一个字符串。

这是我想添加的内容:

<div class="pic"><img class="left" src="img/happy-man.jpg"/ ></div>
<div class="pic"><img class="happy" src="img/happy-woman.jpg"/ ></div>
<div class="pic"><img class="right" src="img/happy-celeb.jpg"/ ></div>

但是当我将上面的 HTML 代码放入 html() 函数中时,什么也没有发生。我想知道我在语法方面犯了什么明显的错误。欣赏它!

最佳答案

$('.whatever').html('<div class="pic"><img class="left" src="img/happy-man.jpg"/ ></div><div class="pic"><img class="happy" src="img/happy-woman.jpg"/ ></div><div class="pic"><img class="right" src="img/happy-celeb.jpg"/ ></div>')

下面的代码将允许您替换div的html内容

或者你只是创建一个字符串

text= '<div class="pic"><img class="left" src="img/happy-man.jpg"/ ></div>'+'<div class="pic"><img class="happy" src="img/happy-woman.jpg"/ ></div>'
$('.whatever').html(text)

关于javascript - 我的 .html() 语法有什么问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13821812/

相关文章:

javascript - 使用选择的 <li> 填充和更改 div 的内容

javascript - 在 wordpress 中使用 js、css 和 html

JavaScript:这个计时器可靠吗?

javascript - 单击按钮获取 li 的索引

javascript - 如何将 tocify 与 asciidoctor 一起用于动态目录?

javascript - 使用 jquery 插入动态 HTML 后单击不起作用

javascript - 循环遍历对象数组并找到特定键

javascript - 连接 HTML 和 Javascript

jquery - "only-visible-child"元素?

jquery - 勾选复选框时显示一个 div