使用jQuery选择和设计奇数编号的投资组合项目

时间:2019-06-15 06:45:53

标签: jquery css css-selectors jquery-selectors children

我正在尝试对奇数组合项目的模块标题和组合图像重新排序。您可以查看我的沙盒here

我虽然以下内容可能有效,但没有骰子。

jQuery(document).ready(function($){ 
    if ( $( this ).is(".et_pb_portfolio_item:nth-child(2)") ) {
        $(".et_pb_module_header").insertBefore(".et_portfolio_image");
    }
});

我似乎无法仅将标头和模块的映像作为目标,而是捕获了所有内容。

2 个答案:

答案 0 :(得分:0)

不要使用vendors.ts,它只能选择:nth-child(2)元素。

使用2nd可以选择块的所有奇数属性。

:nth-child(odd)

有关更多信息,请访问

https://www.w3schools.com/cssref/sel_nth-child.asp https://www.w3.org/Style/Examples/007/evenodd.en.html

答案 1 :(得分:0)

您可以使用此代码

jQuery(document).ready(function($){
    $('.et_pb_portfolio_item:nth-child(odd)').each(function(){
        $(this).find(".et_pb_module_header").insertBefore(".et_portfolio_image");
    });
});