如果未声明CSS类,则隐藏文本

时间:2018-08-21 12:59:55

标签: javascript php jquery css wordpress

我要隐藏文本:

<strong class="showrelated">In Verbindung stehende Artikel: </strong>
<?php echo do_shortcode('[custom-related-posts title="" order_by="title" order="ASC" none_text=""]'); ?>

如果未声明CSS类。我的简码函数获取此类.crp-list

不确定该怎么做。我尝试了以下方法,但没有任何反应:

if ($(".crp-list")[0]) {
    $(".showrelated").show();
} else {
    $(".showrelated").css("display","none");
}

2 个答案:

答案 0 :(得分:0)

当DOM中存在crp-list类时。

if ($(".crp-list").length !== 0) {
  $(".showrelated").show();
} else {
  $(".showrelated").hide();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<strong class="showrelated">In Verbindung stehende Artikel: </strong>

<div class="crp-list"></div>

当DOM中没有crp-list类时。

if ($(".crp-list").length !== 0) {
  $(".showrelated").show();
} else {
  $(".showrelated").hide();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<strong class="showrelated">In Verbindung stehende Artikel: </strong>

答案 1 :(得分:0)

另一种选择是检查您所讨论的元素是否具有特定的类,但这是一个猜测,因为我不完全理解您的问题。

if ( $('#element-to-check').hasClass('crp-list') ) {
    $(".showrelated").show();
}