如果在標簽控制元件中找到特定文本，則JQuery執行某些操作-有解無憂

如果在標簽控制元件中找到“門禁”或“電話”文本，我需要做一些事情，如下面的 HTML 代碼所示：

if ($("("label[for=risk_form_purpose_of_one]"):contains('Door Entry')")) {
  document.getElementById("add-function").value = "Add Priority Function";
  getDropDownDiv.style.display = "block";
  getDropDownContentDiv.style.display = "block";
  document.getElementById("fieldsetSize").style.height = "1000px";
  dropDownChanged = true;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label class="acdo01" for="risk_form_purpose_of_one">
      <span style="width:1px;"></span>
      <span class="acdo_disabled" style="width:140px;">Door Entry</span>
    </label>

uj5u.com熱心網友回復：

將 aquerySelector()與以下 css 選擇器一起使用

label.acdo01[for = "risk_form_purpose_of_one"] > span.acdo_disabled

意思是：

<label>與班級.acdo01和for risk_form_purpose_of_one
帶孩子<span> 跟班acdo_disabled

然后您可以使用innerHTML來切換標志：

const e = document.querySelector('label.acdo01[for = "risk_form_purpose_of_one"] > span.acdo_disabled');

if (e && e.innerHTML === 'Door Entry') {
  console.log('Do something');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label class="acdo01" for="risk_form_purpose_of_one">
  <span style="width:1px;"></span>
  <span class="acdo_disabled" style="width:140px;">Door Entry</span>
</label>

uj5u.com熱心網友回復：

您可以使用以下行選擇所有包含“門禁”或“電話”的標簽[for='risk_form_purpose_of_one']：

$("label[for='risk_form_purpose_of_one']").filter(":contains('Door Entry'), :contains('Phone Call')");

然后，您可以遍歷結果以對那些孤立的單個元素采取行動。

uj5u.com熱心網友回復：

這可能對你有幫助！！

if ($("label[for='risk_form_purpose_of_one'] span:contains('Door Entry')").length > 0 || $("label[for='risk_form_purpose_of_one'] span:contains('Phone Call')").length > 0) {
  console.log('do your code');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label class="acdo01" for="risk_form_purpose_of_one">
    <span style="width:1px;"></span>
    <span class="acdo_disabled" style="width:140px;">Door Entry</span>
</label>

轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/457371.html

標籤：jQuery

上一篇：Jquery從選項中顯示div已經“選擇”

下一篇：如何從onclick函式傳遞引數？