这是我的小提琴:http: //jsfiddle.net/jamesbrighton/wxWgG/4/
HTML:
<div>
<p class="click">Click 1</p>
<p>This should be ignored</p>
<p>This should be ignored</p>
<p>This should be ignored</p>
</div>
<div>
<p class="target">Target 1</p>
</div>
<div>
<p class="target">Target 2</p>
</div>
<div>
<p class="click">Click 2</p>
<p>This should be ignored</p>
<p>This should be ignored</p>
<p>This should be ignored</p>
</div>
<div>
<p class="target">Target 3</p>
</div>
<div>
<p class="target">Target 4</p>
</div>
Run Code Online (Sandbox Code Playgroud)
jQuery的:
$('.click').click(function() {
$(this).nextAll('.target').css('color','red');
});?
Run Code Online (Sandbox Code Playgroud)
我需要它,所以当你点击a时p.click,下一个p.target变成红色.
所以,如果你点击'Click 1'然后'Target 1'变成红色.如果单击'Click 2'则'Target …
我正在尝试使用插件无限滚动
它需要选择器用于下一页链接.我想如果导航如下,
<ul>
<li><a href="#" class="active">page 1</a></li>
<li><a href="#" class="next">page 2</a></li>
<li><a href="#">page 3</a></li>
<li><a href="#">page 4</a></li>
<li><a href="#">page 5</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我可以"a.next"用作下一页的选择器.但如果我的页面导航标记如下,没有.next该类,会发生什么
<ul>
<li><a href="#" class="active">page 1</a></li>
<li><a href="#">page 2</a></li>
<li><a href="#">page 3</a></li>
<li><a href="#">page 4</a></li>
<li><a href="#">page 5</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
如何选择页面2链接,假设.active表示当前页面