выбор и стилизация нечетных элементов портфолио с помощью jquery - PullRequest
Новая
       49

выбор и стилизация нечетных элементов портфолио с помощью jquery

2 голосов
/ 15 июня 2019

Я пытаюсь изменить порядок заголовка модуля и изображения портфолио нечетных позиций портфеля. Вы можете посмотреть мою песочницу здесь .

Я думаю, что ниже может работать, но без игры в кости. 

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

Кажется, я не нацеливаюсь только на заголовок и изображение модуля, он захватывает все.

Ответы [ 2 ]

0 голосов
/ 15 июня 2019

Вы можете использовать этот код 

jQuery(document).ready(function($){
    $('.et_pb_portfolio_item:nth-child(odd)').each(function(){
        $(this).find(".et_pb_module_header").insertBefore(".et_portfolio_image");
    });
});
0 голосов
/ 15 июня 2019

Не используйте :nth-child(2), его единственный элемент 2nd.

Используйте :nth-child(odd), чтобы выбрать все нечетные свойства вашего блока. 

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

Для получения дополнительной информации посетите

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

...