Javascript 通过单击图像更改div内容

我有这个部门：

<div class="main_mark">
    <img src="/assets/welcome_main.png" alt="main" class="main_mark_image" />
</div>

我想要下一件事：当用户单击图像时，此div将更改为：

<div class="main_mark">
    <embed width="420" height="345" src="http://www.youtube.com/v/XjR-4lbK1mI" type="application/x-shockwave-flash">
    </embed>
</div>

因此，在我的javascript中，我尝试执行以下操作：

$(".main_mark_image").click(function () {
    $("#main_mark").innerHTML = "<embed width=420 height=345 src=http://www.youtube.com/v/XjR-4lbK1mI type=application/x-shockwave-flash></embed>";
});

$（“.main\u mark\u image”）。单击（函数（）{
$（“#主标记”）.innerHTML=“”；
});

但这并没有改变任何事情

---

有什么帮助吗

$（“.main_标记”）.html（“您的代码”）

而不是

$（“.main_标记”）.innerHTML
$（.main_标记”）.html（“您的代码”）而不是
$（“.main_标记”）.innerHTML
主标记是类而不是id。使用。主标记主标记是类而不是id。使用。主标记使用
html
函数：

$（“.main\u mark\u image”）。单击（函数（）{
$（“#主标记”）.html（“”）；
});
使用
html
功能：

$（“.main\u mark\u image”）。单击（函数（）{
$（“#主标记”）.html（“”）；
});
使用@sdespont和@kmd97的组合

$(".main_mark_image").click(function () {
// Changed selector to class
$(".main_mark").html("<embed width=420 height=345 src=http://www.youtube.com/v/XjR-4lbK1mI     type=application/x-shockwave-flash></embed>");
});

$（“.main\u mark\u image”）。单击（函数（）{
//将选择器更改为类
$（“.main_mark”）.html（“”）；
});
使用@sdespont和@kmd97的组合

$(".main_mark_image").click(function () {
// Changed selector to class
$(".main_mark").html("<embed width=420 height=345 src=http://www.youtube.com/v/XjR-4lbK1mI     type=application/x-shockwave-flash></embed>");
});

$（“.main\u mark\u image”）。单击（函数（）{
//将选择器更改为类
$（“.main_mark”）.html（“”）；
});
试试：

$(".main_mark_image").click(function () {

    $(".main_mark").html = "<embed width=420 height=345 src=http://www.youtube.com/v/XjR-4lbK1mI     type=application/x-shockwave-flash></embed>";
    });

$（“.main\u mark\u image”）。单击（函数（）{
$（“.main_mark”）.html=”“；
});
试试：

$(".main_mark_image").click(function () {

    $(".main_mark").html = "<embed width=420 height=345 src=http://www.youtube.com/v/XjR-4lbK1mI     type=application/x-shockwave-flash></embed>";
    });

$（“.main\u mark\u image”）。单击（函数（）{
$（“.main_mark”）.html=”“；
});
您的问题中没有任何部分涉及Ruby或Rails，您应该只使用relavent技术来标记您的问题。您的问题中没有任何部分涉及Ruby或Rails，您应该只使用relavent技术来标记您的问题。