CSS: после работы, но не при редактировании из jQuery

Question

CSS: после работы, но не при редактировании из jQuery

0

Мой CSS выглядит так:

/* works */
.badger-left:after {
    left: 0;
    border-radius: 6px 0 6px 0;
    background: #428bca;
}

jQuery, чтобы изменить его на лету:

$('.badger-left:after').css('background-color', "red"); // doesnt work
$('.badger-left').attr({ 'data-badger': "USA" }); // works

HTML:

  <div class="col-sm-12 badger-left" data-badger="">


  </div>

Почему не работает селектор jQuery и что мне делать, чтобы он работал? http://screencast.com/t/onWs4KDJVD - там, где говорится "США" (США настроены с бардака attr. data-badger в jquery), этот фон должен быть изменен на красный (или какой-либо цвет) с помощью jQuery.

благодаря

Dan P. 18 апр. 2014, в 23:29

Источник

0

Селекторы jQuery не псевдоэлементы.
bobthedeveloper 18 апр. 2014, в 20:51
0

jQuery не может взаимодействовать с :after потому что элемент на самом деле не существует. (Дубликат?)
Kevin B 18 апр. 2014, в 20:51
0

jQuery (и javascript в целом) не поддерживает псевдо-классы.
adeneo 18 апр. 2014, в 20:51
0

Ой! Что я должен делать ? Я также попытался el.after (). Css (), но это меняет весь div
Dan P. 18 апр. 2014, в 20:52
0

Единственное, что вы можете сделать, это сделать это изменение, используя изменение класса вместо .css
Kevin B 18 апр. 2014, в 20:53
0

Поскольку: после и: до не может быть выбран, можете ли вы опубликовать то, что вы пытаетесь сделать?
Richard 18 апр. 2014, в 20:56
0

Пожалуйста, посмотрите на мои изменения, добавил изображение.
Dan P. 18 апр. 2014, в 21:01

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

Теги:

javascript

jquery

html

css

twitter-bootstrap-3

3 ответа

Ещё вопросы

Селекторы jQuery не псевдоэлементы.
jQuery не может взаимодействовать с :after потому что элемент на самом деле не существует. (Дубликат?)
jQuery (и javascript в целом) не поддерживает псевдо-классы.
Ой! Что я должен делать ? Я также попытался el.after (). Css (), но это меняет весь div
Единственное, что вы можете сделать, это сделать это изменение, используя изменение класса вместо .css
Поскольку: после и: до не может быть выбран, можете ли вы опубликовать то, что вы пытаетесь сделать?
Пожалуйста, посмотрите на мои изменения, добавил изображение.

Slugge · Answer 1 · 2014-04-18T19-31-00.000Z

Селекторы CSS: after и: before не поддерживаются в javascript, большинство псевдоклассов нет.

bottens · Answer 2 · 2014-04-18T18-13-00.000Z

jQuery добавляет css inline. Поскольку: before, и: после того, как на самом деле не существует, атрибут стиля не будет размещен в любом случае.

Запустите этот тест, чтобы увидеть:

$("*:after") // returns []
$("*") // returns a huge array ;)

user2477011 · Answer 3 · 2014-04-18T18-08-00.000Z

Вы можете использовать jQuery.append() или.add() для достижения аналогичного эффекта.

CSS :: after selector просто добавляет "воображаемый" div внутрь элемента, который он применял непосредственно перед закрывающим тегом.

.append()

https://api.jquery.com/append/

.Добавить()

https://api.jquery.com/add/

JQuery:

$('.badger-left').append('div');

CSS:

.badger-left div{
    /* ".badger-left::after" styling would go here */
}