javascript - 在html中检查jquery条件并根据值选择列表

Question

在基于变量的 html 中，我必须决定要显示哪个列表。如何在 html 中检查 jquery 条件并根据值选择列表

html

<input type="hidden" id="agencyCertificationStatus" value="Pending"/> 

<script>
var agencyCertificationStatus = $("#agencyCertificationStatus").val();
</script>

如果状态待定

<ul>
<li>Link 1 </li>
</ul>

如果状态不是待处理

<ul>
<li>Link 2 </li>
</ul>

Answer 1

最初隐藏这两个链接。然后根据输入值显示/隐藏元素

var agencyCertificationStatus = $("#agencyCertificationStatus").val();

agencyCertificationStatus === 'PENDING' ? $('.pending').show() : $('.notPending').show()

.pending,
.notPending {
  display: none
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden" id="agencyCertificationStatus" value="Pending" />
<ul>
  <li class='pending'>Link 1 </li>
  <li class='notPending'>Link 2 </li>
</ul>