在下面的代码中,我将执行以下操作:
我在(2)两个“窗格”上遇到问题.“代码行。
有人能告诉我怎么做吗?
发布于 2015-11-06 05:36:22
这样做的典型方法是:
active
类您不需要在panes
中为第二部分选择(语法不正确,但这并不重要);id
在文档中是唯一的。所以:
links.bind("click", function (event) {
$.each(panes, function() { $(this).removeClass("active") });
$("#" + this.href.split("#")[1]).addClass("active");
});
var element = $(document.body);
var links = element.find("a");
var panes = links.map(function () {
return $("#" + this.href.split("#")[1]);
});
console.log(panes);
links.bind("click", function (event) {
$.each(panes, function() { $(this).removeClass("active") });
$("#" + this.href.split("#")[1]).addClass("active");
});
.active {
background-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="div01">div 01</div>
<div id="div02">div 02</div>
<div id="div03">div 03</div>
<div id="div04">div 04</div>
<div id="div05">div 05</div>
<a href="#div01">link to div 01</a>
<a href="#div02">link to div 02</a>
<a href="#div03">link to div 03</a>
<a href="#div04">link to div 04</a>
<a href="#div05">link to div 05</a>
https://stackoverflow.com/questions/33567791
复制相似问题