jQuery logSelector plugin - test to see if a selector works

http://benalman.com/ https://gist.github.com/640714

by Ben Alman

HTML

<script src="https://gist.github.com/raw/640714/jquery.ba-logselector.js"></script>
<div>
    This is some sample content
</div>
<div>
    This is some sample content
</div>
<div>
    This is some sample content
</div>

CSS

body {
    font-family: arial;
    font-size: 11px;
}

div {
    margin: 0 0 10px;
    padding: 2px;
    border: 1px solid #000;
}

JavaScript

// https://gist.github.com/640714

// yay

$('div').logSelector();
$('div + div').logSelector();
$('div ~ div').logSelector();
$('div:visible + div').logSelector();
$('div:not(a) + div').logSelector();
$('div:first-child + div').logSelector();
$('div:first-child ~ div').logSelector();
$('div:nth-child(1) + div').logSelector();
$('div:nth-child(1) ~ div').logSelector();
$('div:nth-child(2) + div').logSelector();
$('div:nth-child(2) ~ div').logSelector();
$('body, body *').logSelector();

// nay

$('div:first ~ div').logSelector();
$('div:eq(0) ~ div').logSelector();
$('div:not(:first) + div').logSelector();
$('div:eq(0) + div').logSelector();
$('div:eq(1) + div').logSelector();
$('div:first + div').logSelector();