Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 抓取一个类的每个ul子类,并对它们使用jquery插件_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 抓取一个类的每个ul子类,并对它们使用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

因此,我在jQuery中得到了以下代码——我正在尝试使用columnizer插件

这是jQuery的正确形式吗?我试图选择
.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>