Выбрать элемент без стиля в jQuery

Выбор элементов по классам имен прост. Но можно ли выбрать любой элемент DOM, который вообще не имеет набора классов в jQuery? Вид пустого стиля.Выбрать элемент без стиля в jQuery

Пример:

<div class="nope"> 
    <div>You need me!</div> 
</div> 
<span class="foo">Not me</span> 

var answer = $("selector-im-looking-for").text(); // You need me!

источник

2014-01-14 Andries

Я хотел бы предложить:

$('div').not('[class]');

JS Fiddle demo, обратите внимание, что этот подход не может выбрать <span> элемент (Уместно HTML ниже).

Или, чтобы выбрать все элементы без атрибута класса:

$('body *:not("[class]")')

JS Fiddle demo, обратите внимание, что это также не может выбрать <span> элемент.

Универсальный селектор (*) подразумевается в случае, если селектор псевдокласса используется без имени тега, но в случае его использования я предпочитаю быть явным, хотя он является необязательным в этом контексте ,

Далее, чтобы выбрать все элементы, в пределах <body>, либо не class атрибута, или с атрибутом класса, но не класса имя-набора:

$('body *').filter(function(){ 
    return !this.className || !this.className.length; 
})

JS Fiddle demo, этот подход, потому что он проверяет как отсутствие свойства className, так и пустую/нулевую длину className, успешно находит <span>.

Вышеуказанные демки были использованы при следующем HTML:

<div class="nope"> 
    Some text that should not be selected. 
    <div>You need me!</div> 
</div> 
<span class="foo">Not me</span> 
<span class="">Me too (probably)</span>

Ссылки:

источник

2014-01-14 12:20:37

Tnx! Это селектор, которого я ищу. Я приму это как ответ примерно через 9 минут ... – Andries

Вы очень рад, я рад, что помог! –

Вы ожидали следующее?

var answer = $("div").text(); // You need me!

Или

var answer = $(":not(.nope)").text(); // You need me!

Редактировать следующее уточнение:

Как это?

var answer = $('div:not([class])');

источник

2014-01-14 12:19:00

Tnx для вашего ответа. Но Im ищет селектор, который выбирает любые элементы без набора классов. – Andries

См. Мое редактирование, которое не должно соответствовать ни одному классу. –

Tnx, последний был прав, но я могу только принять его. Но, tnx в любом случае! – Andries

попробовать что-то вроде этого

$('div:not([class])')

ССЫЛКА

http://www.w3.org/TR/css3-selectors/#negation

jQuery get all divs which do not have class attribute

источник

2014-01-14 12:22:44

Tnx за правильный ответ, но я принял Дэвида Томаса. – Andries

вы можете использовать фильтр,

$('div').filter(function(){ 
    return $(this).attr('class') === null; 
}).each(function(){ 
    //iterate item 
})

источник

2014-01-14 12:22:54 jrey

Надеюсь, я не причинил вам никакого преступления, но я решил отформатировать ваш ответ (чтобы представить код * как код * и для удобства чтения). Для справки по форматированию (чтобы помочь вам форматировать код как код), пожалуйста, просмотрите страницу справки [Markdown] (http://stackoverflow.com/editing-help/). :) –

Выбрать элемент без стиля в jQuery

ответ

Смежные вопросы