Javascript 使用JQuery显示和隐藏项目元素

我几乎做完了一个练习，但最后一点需要帮助。前提是在四篇文章的列表中只显示一篇点击过的文章。我可以隐藏除第一篇文章以外的所有文章，并在单击相应的文章时获取要显示的标题，但我在获取要显示的实际文章的代码方面遇到了问题。下面是一个HTML片段（如果需要更多信息，请告诉我）：

$（文档）.ready（函数（）{
$（“#sorkin”）.hide（）；
$（“#chua”）.hide（）；
$（“#桑普森”）.hide（）；
$（“文章”）.hide（）；
$（“h1:第一个孩子”）.next（“article”）.show（）；
$（“a”）。单击（函数（）{
id=$（this.attr（“href”）；
if（id！=$（“article”）.prev（“h1a”）.attr（“href”））{
$（“h1 a”）.hide（）；
$（“文章”）.hide（）；
};
$（id.show（）；
$（“id”）.next（“article”）.show（）；
});
}); // 结束就绪

除了

“id”

上的明显打字错误外，您的选择器错误：

$("id").next("article").show();

由于

id

以

h1

中的

a

元素为目标，因此您必须首先向上，以便选择您要查找的同级：

$(id).parent().next("article").show();

---

您需要拆分href值，然后它将与id相同

$（文档）.ready（函数（）{
$（“文章”）.hide（）；
$（“a”）。在（“单击”，函数（）{
href=$（this.attr（“href”）；
res=href.replace（“#”，”）；
如果（href！=res）{
$（“h1 a”）.hide（）；
$（“文章”）.hide（）；
}
$（href.show（）；
$（href）.parent（）.next（“article”）.show（）；
});
});










复制这个例子真的需要所有的文本吗？有人需要访问…非常感谢。这正是我需要的。