Изменить цвет фона CSS в JQuery

0

Я сделал append, используя следующий код, где menuElement - это id div и appendStr ="<span class="bubbleClass"></span>";

$(menuElement).append(appendStr);

Однако, когда я пытаюсь $(menuElement+ ".bubbleClass").css("background-color", "red"); он не работает.

Я хочу, чтобы конкретный идентификатор div, хранящийся в переменной menuElement, отражался.

  • 0
    нашел этот вопрос, в основном тот же вопрос, я думаю. stackoverflow.com/questions/197748/...
  • 0
    @nCore Совсем другой вопрос, потому что проблема заключается в выборе правильного элемента, а не в изменении его цвета.
Теги:

3 ответа

0
Лучший ответ

Поскольку вы динамически добавили элемент в DOM, вам нужно использовать .find() для доступа к нему:

$(menuElement).append(appendStr).find('.bubbleClass').css({
    backgroundColor:'red',
    display:'inline'
});

Это пример, основанный на ограниченном коде, который вы .find(), но использование .find() - это ключ.

Отредактировано, чтобы включить display CSS, которое вы сказали, что вам нужно добавить.

  • 0
    Спасибо, это сработало, я должен добавить дисплей: также встроенный стиль
  • 0
    обновил мой ответ, включив также настройку display CSS. и рад, что это сработало, но если мой ответ помог, пожалуйста, поставьте галочку. :)
0

menuElement должен быть селектором jQuery типа "#menuElement" потому что он завернут внутри объекта jQuery.

$ ("# menuElement +.bubbleClass"). css ("background-color", "red");

  • 0
    Да, у меня была переменная menuElement для хранения строкового значения, которое на самом деле является идентификатором элемента, например menuElement = "# message". Решение пользователя @PlantTheIdea сработало для меня.
0

Причина, по которой ваш код терпит неудачу, заключается в том, что ваш селектор выглядит следующим образом: #someID.bubbleClass

Другими словами, он ищет bubbleClass класса bubbleClass для самого bubbleClass menuElement, а не для его дочерних menuElement.

Добавьте пробел перед . и он должен работать нормально.

  • 1
    Я добавил пробел и попробовал .. он все еще не работает
  • 0
    Прямо сейчас у вашего bubbleClass нет содержимого ... поэтому вы не можете видеть его результат. Попробуйте добавить текст в элемент.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню