如何使用jquery在不同的标记中加载2个链接
单击“显示这些链接”时,首先单击结果1,然后单击结果2中显示的第二个链接如何使用jquery在不同的标记中加载2个链接,jquery,Jquery,单击“显示这些链接”时,首先单击结果1,然后单击结果2中显示的第二个链接 <ul> <li><a href="link1.html">Link 1</a></li> <li><a href="link2.html">Link 2</a></li> <li><a href="link3.html">Link 3</a></li>
<ul>
<li><a href="link1.html">Link 1</a></li>
<li><a href="link2.html">Link 2</a></li>
<li><a href="link3.html">Link 3</a></li>
<li><a href="link4.html">Link 4</a></li>
</ul>
<div id="result_1"></div>
<div id="result_2"></div>
示例(用户单击链接1,然后单击链接2):
link1.hmtl
link3.html
然后在单击其他链接后删除类和内容
<ul>
<li><a href="link1.html">Link 1</a></li>
<li><a href="link2.html">Link 2</a></li>
<li><a class="result_2" href="link3.html">Link 3</a></li>
<li><a class="result_1" href="link4.html">Link 4</a></li>
</ul>
<div id="result_1">link4.hmtl</div>
<div id="result_2">link3.html</div>
link4.hmtl
link3.html
我想用.load()完成此操作对不起,我的英语不好单击链接时如何确定使用哪个div?这是可行的,但我想在第二次单击后删除加载在#result_1中的内容并加载单击的链接为什么需要2个div?在第二次单击时,您可以清除div中的内容并加载新内容吗?我有一个比较列表,我想在旁边比较两个内容,然后只加载两个内容我添加了一行“$(“#result_1”).hide()”,这将隐藏第一个内容,当单击第二个内容时,这对您有用吗?我不太清楚你需要什么谢谢,但一旦我想要它,它就是工作了无数次,如果点击链接,1在结果中加载它,如果点击链接,2在结果中加载它,如果点击链接编号,3在结果中删除内容,加载链接,3如果点击链接,4在结果中删除内容,加载链接,4和。。。,我有很多链接,不能使用if-else:D
var firstDiv = $("#result_1");
var secondDiv = $("#result_2");
$("a").toggle(function(){
secondDiv.hide();
secondDiv.load($(this).attr("href")).show();
},function() {
firstDiv.hide();
secondDiv.load($(this).attr("href")).show();
});
var firstDiv = $("#result_1");
var secondDiv = $("#result_2");
$("a").toggle(function(){
secondDiv.hide();
secondDiv.load($(this).attr("href")).show();
},function() {
firstDiv.hide();
secondDiv.load($(this).attr("href")).show();
});