Динамическое изменение имени класса CSS

Question

Динамическое изменение имени класса CSS

0

Мне нужно изменить имя класса CSS всех элементов на странице с определенным именем класса (.k-textbox). Я попробовал код ниже, но не попал внутрь функции.each()

<script>
    $(document).ready(function () {    
        $(".k-textbox").each(function () {
            //alert("a");
            $(this).removeClass("k-textbox");
            $(this).addClass("input-medium");
        });
    });
    </script>

На странице у меня есть стороннее управление сеткой. класс CSS, о котором я упоминал, находится внутри этого элемента управления сетью третьей стороны.

ниже находится объект DOM:

chamara 23 окт. 2013, в 12:29

Источник

0

создаются ли элементы ввода динамически
Arun P Johny 23 окт. 2013, в 10:16
0

Покажите нам свой HTML? может быть, у вас неправильный класс или что-то
Henk Jansen 23 окт. 2013, в 10:17
0

Хотя вам не нужен each , это должно работать. Пожалуйста, добавьте свой HTML и любой другой код JS к вопросу, чтобы мы могли видеть, что происходит.
Rory McCrossan 23 окт. 2013, в 10:18
0

Эти элементы в DOM созданы после загрузки страницы?
Rory McCrossan 23 окт. 2013, в 10:25
0

@ArunPJohny, пожалуйста, смотрите изменения
chamara 23 окт. 2013, в 10:26
0

@RoryMcCrossan да, он создается динамически
chamara 23 окт. 2013, в 10:29
0

Если .each вызов .each не выполняется, это означает, что на момент совершения вызова нет элементов с таким классом.
Felix Kling 23 окт. 2013, в 10:29

Показать ещё 5 комментариев

Теги:

javascript

jquery

css

2 ответа

Ещё вопросы

создаются ли элементы ввода динамически
Покажите нам свой HTML? может быть, у вас неправильный класс или что-то
Хотя вам не нужен each , это должно работать. Пожалуйста, добавьте свой HTML и любой другой код JS к вопросу, чтобы мы могли видеть, что происходит.
Эти элементы в DOM созданы после загрузки страницы?
@ArunPJohny, пожалуйста, смотрите изменения
@RoryMcCrossan да, он создается динамически
Если .each вызов .each не выполняется, это означает, что на момент совершения вызова нет элементов с таким классом.

codename- · Answer 1 · 2013-10-23T07-52-00.000Z

Вы должны попытаться использовать API цепочки, предоставляемый библиотекой jQuery:

$(".k-textbox").removeClass("k-textbox").addClass("input-medium");

редактировать:

Пока элементы создаются динамически, вы можете попытаться запустить этот код после создания этих элементов. Но если вы не знаете, когда они вставлены в код и не имеют контроля над ними, вы можете попробовать написать простую функцию watch, то есть:

var watchTimer = setInterval(function () {
      var inputs = $('.k-textbox');
      if (inputs.length) {
          // clear interval
          clearInterval(watchTimer);

          // change class
          inputs.removeClass("k-textbox").addClass("input-medium");
      }
    }, 100);

Хотя это лучший синтаксис, логически он ничем не отличается от того, что имеет OP. Я не уверен, почему за это проголосовали?
пожалуйста, смотрите редактирование
@chamara - эти входы создаются динамически после того, как DOM готов? И можете ли вы знать, когда это произойдет?
@ кодовое имя - да, оно создается динамически
У вас есть контроль над этим, когда они вставлены? (нажмите какую-нибудь кнопку, вызовите какую-нибудь функцию и т. д.)
@chamara - посмотри мое редактирование

Rituraj ratan · Answer 2 · 2013-10-23T08-01-00.000Z

используйте addClass() и removeClass()

$(".k-textbox").removeClass("k-textbox").addClass("input-medium");