JQuery显示/隐藏不带硬编码的id

我想让jQuery函数显示/隐藏一些元素（现在是

）

因此，我有以下代码：

.sub {
    display: none;
}

 ....

$(function show_sub(id) {
    $('#'+id).show('fast');
});

 .....

<a href="" onmouseover="show_sub('id1')" onclick="return false;"> Here is it </a> 
<li id="id1" class="sub"> .... </li>

.sub{
显示：无；
}
....
$（功能显示子（id）{
$（'#'+id）.show（'fast'）；
});
.....

在Internet上，我只找到必须硬编码元素id的函数

我知道我的jQuery函数不正确

请帮帮我

$（“li.sub”）.show（）

显示具有类

sub

的所有

li

这就是你想要的吗？

$（“li.sub”）.show（）

用class

sub

显示所有

li

---

这就是您想要的吗？

您需要获取要显示/隐藏的元素。 通过id获取信息是一种方法，但还有更多方法

看

例如，您可以通过以下方式显示具有“sub”类的元素：

$(".sub").show();

---

您需要获取要显示/隐藏的元素。 通过id获取信息是一种方法，但还有更多方法

看

例如，您可以通过以下方式显示具有“sub”类的元素：

$(".sub").show();

---

这样做可以稍微清理一下代码

Html

这样做可以避免无用的标记、冗余信息和内联处理程序

---

例如Fiddle:

这样做可以稍微清理一下代码

Html

这样做可以避免无用的标记、冗余信息和内联处理程序

---

小提琴示例：

您可以尝试下面的代码

html

<a href="#" class="li-toggler" data-toggle="id1">li toggler</a>   
<li id="id1">sometext</li>​

---

​

您可以尝试下面的代码

html

<a href="#" class="li-toggler" data-toggle="id1">li toggler</a>   
<li id="id1">sometext</li>​

---

​

我的意思是，如果你只想隐藏一个li元素，你必须能够以某种方式唯一地识别它。当然，它不必使用id。它可能是列表中的位置以及许多其他属性。你必须提供更多关于它的信息来帮助别人。你能展示一下你正在使用的一些实际的HTML吗？

a

元素与

li

元素的关系如何？您需要实际定义

show_sub（）

函数，而不是将其传递给

$（）

（document.ready（））。只需删除jQuery部分，它就可以工作了。我的意思是，如果你只想隐藏一个li元素，你必须能够以某种方式唯一地识别它。当然，它不必使用id。它可能是列表中的位置以及许多其他属性。你必须提供更多关于它的信息来帮助别人。你能展示一下你正在使用的一些实际的HTML吗？

a

元素与

li

元素的关系如何？您需要实际定义

show_sub（）

函数，而不是将其传递给

$（）

（document.ready（））。只需删除jQuery部分，它就可以工作了。还有一个。

$("a.li-toggler").click(function() {
   $("#"+$(this).attr("data-toggle")).toggleClass("sub");
});