如果未声明 css 类，则隐藏文本答案

【问题标题】：Hide text if css class not declared如果未声明 css 类，则隐藏文本
【发布时间】：2018-08-21 12:59:54
【问题描述】：

我想隐藏一段文字：

<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");
}

【问题讨论】：

.crp-list 在哪里？
您到底希望发生什么？想要动态显示和隐藏文本还是在页面加载后显示和隐藏？
你的意思是if ($(".crp-list").length !== 0) $(".showrelated").show();？
如果类 .crp-list 不存在，我想动态隐藏文本。它显示何时有相关帖子prntscr.com/kl7zm9，如果没有相关帖子我想隐藏 - > In Verbindung stehende Artikel：
$(".showrelated").toggle($(".crp-list").length); 并且您需要在页面上存在元素后运行代码。

标签： javascript php jquery css wordpress

【解决方案1】：

当 crp-list 类出现在 DOM 中时。

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>

当 crp-list 类不在 DOM 中时。

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>

【讨论】：

这非常有效。非常感谢。看起来我正在使用不同的 jQuery 版本，这就是为什么它可能在我的最后没有工作。

【解决方案2】：

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

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

【讨论】：

这并不能解决问题。可能crp-list 类的元素没有 id，然后您的解决方案不起作用。
@KrzysztofJaniszewski - 谢谢，但在发布时，OP 没有共享显示可能有或没有 ID 的元素的代码，因此我猜测了一下，因为我在我的回答中明确说明！我建议你在其他地方学究气，因为我通常会在海报提供体面信息的情况下发布体面的答案。而且我也不认为 OP 有一个名为 element-to-check 的元素！！！
答案不一定是 100% 有效的解决方案。举个例子或演示一些东西是如何让 OP 带走并尝试的，这是完全可以的。