Селектор JQuery для свойства встроенного стиля

Question

Я хотел бы использовать jquery для выбора следующего диапазона:

<span id="RequiredFieldValidator1" class="validationerror" style="color: Red; display: none;">*</span>

Но не выбирайте следующий диапазон, который отличается от оригинала тем, что атрибут style имеет свойство display, значение которого встроено, а не none.

<span id="RequiredFieldValidator2" class="validationerror" style="color: Red; display: inline;">*</span>

Я знаю, что встроенные стили - это зло, но элемент управления валидатора веб-форм asp.net генерирует их и приносит много пользы и зла.

Можно ли это сделать с помощью селекторов jquery? Я новичок в jquery.

Answer 1

$("span[style*=inline]")

выберет все элементы span с атрибутом style, который где-то имеет значение "inline".

Answer 2

Попробуйте что-то вроде этого:

$('.validationerror:hidden')

Answer 3

Я делаю что-то вроде этого, чтобы добавить \ удалить стиль ошибки к родителю элемента управления ошибкой проверки, чтобы выделить элемент управления, вызвавший ошибку, и сообщение проверки.

$('input').change(function() {
  $(".validationError[style*=hidden]").parent().removeClass("error");
  $(".validationError[style*=visible]").parent().addClass("error");
});

Answer 4

Вот совет для выбора серверных элементов управления тоже

document.getElementById("<%=txtFirstName.ClientID %>"); 

или

$("#'<%=txtFirstName.ClientID %>'"); 

или

$("[id$='_txtFirstName']"); 

Answer 5

встраивает стили внутри классов, и у вас есть 2 класса, которые используют селектор JQuery

$(".<ClassName>")