[英]using .replaceWith() jQuery
我有一个具有以下元素的div:
<div id = "menu">
<a>Elemento1</a><br/>
<a>Elemento2</a><br/>
<a>Elemento3</a><br/>
</div>
每次单击其中一个元素时,我希望在此列表旁边添加一个具有不同内容的新div,具体取决于单击哪个元素,它应添加一个不同的列表。 我是Web开发的新手,我发现使用jQuery函数.replaceWith()
可以做到这一点,但是有什么办法可以使用此函数,并在其他.html文件中添加div?
谢谢!
为什么不只在菜单后<div id="content"></div>
,然后使用
$("#content").load("your_file.html");
?
replaceWith用于用不同的元素替换某些DOM元素。 我认为此功能无法解决此问题。
您可以使用.load函数获取html文件的内容,并将其插入到任意位置。 只需将click事件绑定到每个链接并使用其href属性即可获取相应的文件。 不要忘记在事件结束时返回false 。
像这样的东西:
<div id="menu">
<a href="page1.html">Elemento1</a>
<a href="page2.html">Elemento2</a>
<a href="page3.html">Elemento3</a>
</div>
<div id="content"></div>
$("#menu a").click(function(){
$("#content").load(this.href);
return false;
});
要获取另一个HTML文件的特定部分,请使用jQuery load
功能。 您的情况的基本用法是:
$('#result').load('ajax/test.html #container_you_want_to_load');
要在链接之后或之前添加元素,可以有几种选择。 问题是您是否真的需要它。 定义一个目标div足以将内容加载到其中。 在这种情况下,上述示例将非常适合。
不过,若你想要添加旁元素<a>
标签,可以考虑使用after
或before
的jQuery功能。
要在您的链接之一上也获得点击,请选中“ click
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.