Javascript 抓取一个类的每个ul子类,并对它们使用jquery插件
因此,我在jQuery中得到了以下代码——我正在尝试使用columnizer插件 这是jQuery的正确形式吗?我试图选择Javascript 抓取一个类的每个ul子类,并对它们使用jquery插件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,因此,我在jQuery中得到了以下代码——我正在尝试使用columnizer插件 这是jQuery的正确形式吗?我试图选择.alpha_list(在#content和.specialties_home下)的所有ul子元素,并将元素组织到四个单独的列中 这是我的密码: $(".specialties_home #content .alpha_list").children("ul").columnize({ columns: 4 }) 我建议,鉴于id本身是特定的: $('#conten
.alpha_list
(在#content
和.specialties_home
下)的所有ul子元素,并将
元素组织到四个单独的列中
这是我的密码:
$(".specialties_home #content .alpha_list").children("ul").columnize({
columns: 4
})
我建议,鉴于
id
本身是特定的:
$('#content .alpha_list ul').columnize(/*...*/);
如果您想将插件应用于所有
ul
子体,否则您发布的尝试在概念上看起来不错,但如果不查看HTML,这很难得出结论。这应该是可行的。你也可以写:
$(".specialties_home #content .alpha_list > ul").columnize({
columns: 4
});
是Y
的X
子级的选择器语法,请尝试以下操作:
$(“.specialties_home#content.alpha_list”)。查找(“ul”)。列化({
栏目:4
})
当然,元素的层次结构必须如下所示:
如果看不到HTML,我们怎么知道呢?您可能只需要
#内容。alpha_列表
,因为#内容
不会出现在其他任何地方。jQuery搜索id的速度也更快。尽管我没有使用columnize,但其余的似乎没问题。虽然我已经发布了一个答案,为了尝试和帮助一点,我也投票关闭,因为缺乏信息,老实说,你可以试试这个,当/如果它不起作用时,问一个关于原因的具体问题(描述任何问题,并提供你遇到的任何错误)1.你的问题是什么?你的代码已经运行了吗?你想要一种更有效的方法来做同样的事情吗?我就是这么说的。这只是写同样东西的另一种方式。没错,但是使用querySelectorAll()
可能比找到选择然后调用find()
要快(尽管我不想麻烦JS执行)。@Barmar我想你是对的,OP可能只是想用一种不同的方法来做完全相同的事情。删除.specialties\u home
不必要的部分,我将能够删除我的否决票;)@plalx据我们所知,此代码用于一个可能在不同页面上使用的函数,其中一些页面在下有\content
。他只想把前者列为专栏。@Barmar也可能是OP不知道这是没有必要的,但我同意,既然我们不知道,最好还是保留它。然而,也不是很容易改变主意,所以我做了一个小的编辑,以便能够删除我的否决票。在各种元素之间是否没有任何东西?当然可以,这就是你应该放置- 元素的地方。我只是抄近路。
$(".specialties_home #content .alpha_list").find("ul").columnize({
columns: 4
})
<element class="specialties_home">
<element id="content">
<element class="alpha_list">
<ul><!-- list --></ul>
<ul><!-- list --></ul>
<ul><!-- list --></ul>
<ul><!-- list --></ul>
</element>
</element>
</element>