我正在尝试做这样的事情:
假设在页面加载之前,页面的结构是这样的:
<div class="maindiv">
<div><a href="www.google.com" class="divlink">div1</a></div>
<div><a href="www.google.com" class="divlink">div2</a></div>
<div><a href="www.google.com" class="divlink">div3</a></div>
<a class="showmore" onclick="somefunctiontoloadmoreitems()">showmore</a>
</div>
现在我正在使用 jQuery 并覆盖这样href
的链接
$('document').ready(function(){
$('.divlink').attr('href','www.facebook.com');
});
所以加载之后,页面会是这样的。
<div class="maindiv">
<div><a href="www.facebook.com" class="divlink">div1</a></div>
<div><a href="www.facebook.com" class="divlink">div2</a></div>
<div><a href="www.facebook.com" class="divlink">div3</a></div>
<a class="showmore" onclick="somefunctiontoloadmoreitems()">showmore</a>
</div>
到现在还可以。
现在,当有人单击 showmore 链接时,接下来的三个项目将附加到 maindiv。div
此链接将被删除,并且在所有六个s之后将创建一个新的 showmore 链接。现在整个页面是这样的:
<div class="maindiv">
<div><a href="www.facebook.com" class="divlink">div1</a></div>
<div><a href="www.facebook.com" class="divlink">div2</a></div>
<div><a href="www.facebook.com" class="divlink">div3</a></div>
<div><a href="www.google.com" class="divlink">div1</a></div>
<div><a href="www.google.com" class="divlink">div2</a></div>
<div><a href="www.google.com" class="divlink">div3</a></div>
<a class="showmore" onclick="somefunctiontoloadmoreitems()">showmore</a>
</div>
所有这些功能都是标准的,这意味着我无能为力。我只能编写一些 jQuery 代码来覆盖href
链接。由于我onready
对文档的 jQuery 事件,href
只有前三个元素中的 将被覆盖。但我也想覆盖href
在单击 showmore 按钮时将生成的所有链接。
有没有办法做到这一点?
(这只是我向您解释的一种情况。我还想更改更多CSS。有没有一种方法可以更改所有内容?)