if contains certain text, then run jquery
I need to run a jquery 开发者_运维问答only if the bold element contains particular text. What am I doing wrong?
<script>
if ($('b:contains('Choose a sub category:')')) {
$("td.colors_backgroundneutral").css("background-color","transparent");
$("td.colors_backgroundneutral").children(':first-child').attr("cellpadding","0");
};
</script>
Besides using single quotes inside single quotes, which breaks the string, you're using a jQuery selector inside an if statement. This selector only filters your b
tags to those which contain "Choose a sub category"; and then returns a list of those elements. It does not return a boolean. Instead, use the .contains()
method, like so:
if($("b").contains("Choose a sub category")) {
// do stuff
}
You can read more here
EDIT: since the .contains()
method appears to be deprecated, here's a pure JS solution:
var el = document.getElementById("yourTagId") // or something like document.getElementsByTagName("b")[0] if you don't want to add an ID.
if (el.innerHTML.indexOf("Choose a sub category") !== -1) {
// do stuff
}
I have always used this to determine if an element exists:
if ($('b:contains("Choose a sub category:")').length > 0) { /*do things*/}
if ($("b").has(":contains('Choose a sub category:')").length) {
/*Your Stuff Here*/
}
精彩评论