Как использовать jQuery для выбора этого элемента: <span style = «vertical-align: bottom»>

Question

Как использовать jQuery для выбора этого элемента: <span style = «vertical-align: bottom»>

0

Как я могу использовать jQuery (или vanilla JS или CSS) для выбора следующего диапазона?

<span style="vertical-align:bottom">

Твист заключается в том, что я не могу поместить класс в диапазон или иным образом изменить HTML, так как этот диапазон выводится с помощью WkyKey CMS.

Еще один поворот в том, что это не первый интервал в td, поэтому было бы сложно настроить CSS с помощью td> span или чего-то еще. Я полагаю, что я мог бы следовать по пути и выбирать его с помощью CSS с помощью некоторой длинной строки селекторов, но это интервал внутри td, но td похож на третий td во втором tr в таблице. Это лучший способ выбрать его? Все, что мне нужно сделать, это удалить этот стиль или сделать его вертикально-выровненным: сверху.

Могу ли я использовать jQuery для выбора элемента на основе того, что в атрибуте style? Я буду беспокоиться, если это единственный элемент с этим стилем на странице позже, это та часть, которая застряла у меня.

Я могу сделать это?

span[style*="bottom"]

SpaceNinja 21 окт. 2013, в 01:35

Источник

2

$("span[style^=vertical-align]")
tymeJV 20 окт. 2013, в 23:35
0

Просто небольшая заметка: attribute ^ = property - это селектор CSS 3
Shlomi Hassid 20 окт. 2013, в 23:37
0

Sizzle поддерживает это
megawac 20 окт. 2013, в 23:38

Показать ещё 1 комментарий

Теги:

jquery

css

3 ответа

Ещё вопросы

Просто небольшая заметка: attribute ^ = property - это селектор CSS 3

megawac · Answer 1 · 2013-10-20T22-06-00.000Z

var $targets = $("span[style^='verticial-align:']"); //returns all spans with vertical align set

Shlomi Hassid · Answer 2 · 2013-10-20T21-24-00.000Z

Jquery:

Вы можете использовать $("span[style^=vertical-align]") как упомянуто.

Если вы хотите настроить таргетинг только на первый или второй и т.д., Вы можете добавить:

/*first span element that has this attribute and property*/
$("span[style^=vertical-align]").eq(0);

CSS 3

Такая же идея:

span[style^=vertical-align] {
     some properties
}

David Thomas · Answer 3 · 2013-10-20T21-12-00.000Z

Два варианта:

$('span[style*="vertical-align:bottom"]');

Демо-версия JS Fiddle.

[style*="vertical-align:bottom"] показывает, содержит ли атрибут style элемента (не начинается с) строку vertical-align:bottom (что немного более надежно, чем просто использование starts-with* ( style ^ = "vertical-align: bottom"] ') селектор.

Хотя это зависит от того, существует ли там пустое пространство (обратите внимание, что в демонстрационной версии (выше) он не может выбрать первый элемент). Или вы можете использовать следующее:

$('span[style]').filter(function(){
    return this.style.verticalAlign === 'bottom';
});

Демо-версия JS Fiddle.

В приведенных выше примерах используется следующий HTML:

<span style="vertical-align: bottom">This has <code>style="vertical-align: bottom"</code></span>
<span style="vertical-align:bottom">This has <code>style="vertical-align:bottom"</code></span>
<span>This span has no style attribute at all</span>
<span style="color:#f00;vertical-align:bottom">This has <code>style="color:#f00;vertical-align: bottom"</code></span>

Рекомендации: