特定の属性を持たない要素の抽出

by opengl_8080

HTML

<ul>
    <li hoge="fuga">1</li>
    <li>2</li>
    <li>3</li>
    <li hoge="piyo">4</li>
    <li>5</li>
</ul>
<div id="console"></div>

CSS

li {
    color: red;
}

[hoge] {
    color: black;
}

#console {
    color: red;
}

JavaScript

$(document).ready(function() {
    // http://zero.css-happylife.com/selectors/not.shtml
    $('li:not([hoge])').each(function() {
        $('#console').append($(this).text() + '<br>');
    });
});