I need to do something if "Door Entry" or "Phone Call" text is found within the label control, as shown in given below HTML code:
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 for="risk_form_purpose_of_one">
<span style="width:1px;"></span>
<span style="width:140px;">Door Entry</span>
</label>
CodePudding user response:
Use a querySelector()
with the following css selector
label.acdo01[for = "risk_form_purpose_of_one"] > span.acdo_disabled
Which means:
<label>
with class.acdo01
andfor
risk_form_purpose_of_one
- Take the child
<span
> with classacdo_disabled
Then you can use innerHTML
to toggle the flag:
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 for="risk_form_purpose_of_one">
<span style="width:1px;"></span>
<span style="width:140px;">Door Entry</span>
</label>
CodePudding user response:
You can select all the label[for='risk_form_purpose_of_one'] containing or 'Door Entry' or 'Phone Call' with the following line:
$("label[for='risk_form_purpose_of_one']").filter(":contains('Door Entry'), :contains('Phone Call')");
Then you can loop through the results to take action on those single elements isolated.
CodePudding user response:
This may help you!!
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 for="risk_form_purpose_of_one">
<span style="width:1px;"></span>
<span style="width:140px;">Door Entry</span>
</label>