Question

我想使用jquery来选择以下范围：

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

但是不要选择以下与原版不同的跨度，因为style属性的显示属性的值是inline而不是none。

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

我知道内联样式是邪恶的，但是一个asp.net web表单验证器控件正在生成它并做了很多好事和邪恶。

可以使用jquery选择器完成吗？我是jquery的新手。

Answer 1

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

将选择所有具有style属性的span元素，该属性在某处具有值“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>")

用于内联样式属性的JQuery选择器

5 个答案: