javascript - 获取一个类的每个 ul 子级，并在它们上使用 jquery 插件

Question

所以我在 jQuery 中有以下代码 - 我正在尝试使用 columnizer 插件。

这将是 jQuery 的正确形式吗？我正在尝试选择.alpha_list（在#contentand下.specialties_home）的所有 ul 子级，并将<li>元素组织成四个单独的列。

这是我的代码：

$(".specialties_home #content .alpha_list").children("ul").columnize({
    columns: 4
})

Answer 1

尝试这个：

$(".specialties_home #content .alpha_list").find("ul").columnize({
    列数：4
})

但是当然元素的层次结构必须是这样的：

    <element class="specialties_home">
        <元素id="内容">
            <element class="alpha_list">
                <ul><!-- 列表 --></ul>
                <ul><!-- 列表 --></ul>
                <ul><!-- 列表 --></ul>
            <ul><!-- 列表 --></ul>
            </元素>
        </元素>
    </元素>
    

Answer 2

我建议，鉴于 anid本身就是特定的：

$('#content .alpha_list ul').columnize(/*...*/);

如果您想将该插件应用于所有 ul后代，否则您发布的尝试在概念上看起来不错，但是如果没有看到您的 HTML，这很难得出结论。

Answer 3

那应该行得通。你也可以写：

$(".specialties_home #content .alpha_list > ul").columnize({
    columns: 4
});

X > Y是 的Y子级的选择器语法X。