Question

早上好，

只是一个简单的问题，在循环中我想检查一个元素是否具有类别'nolink'，如果这样添加类。

...

我的代码如下。如果client-hover属性为a，我希望jquery删除类#.但它似乎不起作用。

非常感谢

<?php 
query_posts( 'category_name=projects' );
while ( have_posts() ) : the_post();
        $href = ( has_term( 'nolink', 'category' ) ) ? '#' : get_permalink();
        echo '<div class="grid_3">';
        echo '<a href="' . $href . '">';
            echo '<ul class="work-thumb-wrap client-hover post_class();">';
                echo '<li class="work-popup">';
                    echo '<p>';
                        echo 'View Client Work';
                    echo '</p>';
                echo '</li>';
                echo '<li class="work-img">';
                    echo '<img src="';
                        echo the_field('client_thumb');
                    echo '">';
                echo '</li>';
            echo '</ul>';
        echo '</div>';
endwhile;
wp_reset_query();
?>

<script type="text/javascript">
    if($('href').attr('#') === null) { 
        $('.work-thumb-wrap').removeClass('client-hover');
    }

    $('.work-thumb-wrap').mouseenter(function(){
        $(this).children('.work-popup').animate({'bottom' : '0px'}, 200);
    });

    $('.work-thumb-wrap').mouseleave(function(){
        $(this).children('.work-popup').animate({'bottom' : '-40px'}, 200);
    });
</script>

Answer 1

你的第一个JavaScript if都错了。你应该这样做：

作为规定：

$('a').each(function () {
    if ($(this).attr('href') == '#') {
        $(this).find('.work-thumb-wrap').removeClass('client-hover');
    }
});

或者只是简单地说：

$('a[href="#"] .work-thumb-wrap').removeClass('client-hover');

Answer 2

这应该有效：

$('a[href="#"]').removeClass('client-hover');

而不是

if($('href').attr('#') === null) { 
    $('.work-thumb-wrap').removeClass('client-hover');
}

如果category是'x'，则添加class

2 个答案: