jquery - 设置具有相似 elementId 名称的 div 以显示 --> jQuery/css

Question

我的情况是将所有 ID 为“ABC_HK_...._XYZ”的 div 设置为显示。我只知道循环所有要检查的元素 ID，如在 getElementById() wildcard 中找到的那样

但我不太了解或选择不同，我想要一种简单的方法，例如 Jquery？？？我不确定不同的 div 名称，例如，下面..ABC_HK_KWUNTONG_XYZ, ABC_HK_TAIPO_XYZ

我想要像 $('ABC_HK_[*]_XYZ').style.display="block";

Answer 1

因此，您需要一个选择器来匹配类以 ABC_HK_ 开头并以 _XYZ 结尾的任何元素。使用以下化合物来选择那些:

$('[class ^=ABC_HK_][class $=_XYZ]')

示例:

$('[class ^=ABC_HK_][class $=_XYZ]').addClass('bg-red')

div {
  margin:2px;
  background:#ddd;
  padding:20px;
  display:inline-block;
}
.bg-red {
   background:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ABC_HK_KWUNTONG_XYZ">ABC_HK_KWUNTONG_XYZ</div>
<div class="ABC_HK_K_XYZ">ABC_HK_K_XYZ</div>
<div class="ABC_HK_G_XYZ">ABC_HK_G_XYZ</div>
<div class="ABC_XYZ">ABC_XYZ</div>
<div class="ABC_HK_G_XYZ">ABC_HK_G_XYZ</div>
<div class="ABC_HK_KW_XYZ">ABC_HK_KW_XYZ</div>
<div class="ABC_HK_K">ABC_HK_K</div>