javascript - 如果 href 为空则隐藏链接，然后显示不同的按钮？

Question

我的每个列表项中都有一个链接和 div。如果链接有一个 href 那么我想确保 div 隐藏在它的列表项中并且链接显示正常。

但是，如果链接没有 href(例如 href="")，那么我想将类 .show 添加到 div，以便我可以显示它。我也想同时隐藏链接。

或者有更好的方法吗？谢谢

<style>
  .nolinkdiv { display:none; }
  .show { display:block!important; }
</style>

<ul>
  <li>
     <a href="/register.html">Register</a>
     <div class="nolinkdiv">Register Coming Soon</div>
  </li>
  <li>
     <a href="">Register</a>
     <div class="nolinkdiv">Register Coming Soon</div>
  </li>
</ul>

Answer 1

你不需要 JavaScript:

.nolinkdiv { display:none; }
ul li a[href=""] {
  display: none;
}
ul li a[href=""] + div {
  display: block;
}