jquery - 检测 DOM 中的动态类

Question

我需要检测另一个插件生成的类是否存在，然后执行一些代码。我似乎无法让它工作。它还需要在 IE8 中工作。

以下是代码。我正在使用 webshims，它会在出现错误时将 class="user-error" 添加到选择框中。我需要检测该类是否存在。任何人都可以帮忙吗？

<select id="Title" name="Title" required autofocus="autofocus" class="">
    <option value="" selected=yes> Title </option>
    <option value="Ms" > Ms </option>
            <option value="Mrs" > Mrs </option>
</select>

 var select = $('select');

$(select).each(function(){
  $(this).hasClass('user-error').css('background','#333');
});

Answer 1

你快到了。但是您的代码中有错字。

$(this).hasClass('user-error').css('background','#333')将不起作用，因为$(this).hasClass('user-error')将返回布尔值true或false.

尝试：

$(document).ready(function(){
    $('select').filter('.user-error').css('background','#333');
});

DEMO FIDDLE

Answer 2

$('form').on('submit', function () {
    $(this).find('select.user-error').css('background','#333');
});