jquery - 正确使用 jQuery 来选择每个最接近的部分，以及一些关于语义的知识

Question

我目前从事投资组合概述，客户希望在每行下方有一个可滑动（切换状态）部分。该部分稍后将填充一些ajaxed内容，具体取决于单击的链接。

问题是，jQuery 的closest()-selector 不起作用（错误肯定不在 jQuery 的核心，而不是我的方法：P）。

目前我使用 jQuery 的next-selector，但这仅适用于每个 4th a -tag。我正在使用 jsfiddle 来制作原型：http: //fiddle.jshell.net/k79kf/1/

有什么想法有什么问题吗？

另一件事是我所做的语义正确性。实际上，我有一些a-nodes 来切换每行下方的部分，数量为四个：

a a a a
section
a a a a
section
a a a a
section
...

但是，我认为这不是这样做的“正确”方式，或者？也许有序列表是更好的选择，但在哪里放置可滑动部分。或者section's 代替a's 和article's 代替section's？

score 1 · Accepted Answer

closest()选择最近的祖先。

next()只选择紧邻的下一个兄弟。

你想要.nextAll('section').first()。

更语义化的方法是将每组四个包装在一个容器元素中，然后编写$(this).parent().children('section').

或者，给每个部分一个 ID，使as 指向该 ID ( <a href="#section1">)，然后写入$(this.id)。
使用这种方法，您甚至可以使用section:targetCSS 选择器完全消除 Javascript。

1 回答 1