If содержит определенный текст, затем запустите jquery

Мне нужно запустить jquery, только если жирный элемент содержит определенный текст. Что я делаю неправильно?

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

Ответы

Ответ 1

Помимо использования одинарных кавычек в одинарных кавычках, которые разбивают строку, вы используете селектор jQuery внутри оператора if. Этот селектор только теги b фильтруют те, которые содержат "Выбрать подкатегорию"; и затем возвращает список этих элементов. Он не возвращает логическое значение. Вместо этого используйте метод .contains(), например:

if($("b").contains("Choose a sub category")) {
   // do stuff 
}

Вы можете прочитать больше здесь

РЕДАКТИРОВАТЬ:, поскольку метод .contains() кажется устаревшим, здесь чистое решение JS:

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
}

Ответ 2

Я всегда использовал это, чтобы определить, существует ли элемент:

if ($('b:contains("Choose a sub category:")').length > 0) { /*do things*/}

Ответ 3

 if ($("b").has(":contains('Choose a sub category:')").length) { 
 /*Your Stuff Here*/
 }