在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>

Answer 2

假设您的姓名是＆＃34; linkLi＆＃34;然后你可以使用jquery来更新li

里面的值/文本

l = list(a = curve1, b = curve2) # ...etc...

Answer 3

基本上，您只需要在要切换的html中添加一个类或其他标识符。然后，在javascript中使用条件语句来确定要显示的条件语句。

的Javascript

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

if (agencyCertificationStatus === "pending") {
  $(".pending").show();
}
else {
  $(".not-pending").show();
}

HTML

<ul class="pending status">
  <li>Link 1 </li>
</ul>
<ul class="not-pending status">
  <li>Link 2 </li>
</ul>

CSS

.status {
  display: none;
}