Selector - Partial Search And First/Nth Occurence Of A Match

by bizamajig

HTML

<div id="ID-8257-3103-2011-12-17">ID-8257-3103-2011-12-17</div>
<div id="ID-8258-3104-2011-12-18">ID-8258-3104-2011-12-18</div>
<div id="ID-8259-3105-2011-12-19">ID-8259-3105-2011-12-19</div>
<div id="ID-8258-3104-2011-12-18">ID-8258-3104-2011-12-18</div>
<div id="ID-8258-3104-2011-12-18">ID-8258-3104-2011-12-18</div>
<div id="ID-8259-3105-2011-12-19">ID-8259-3105-2011-12-19</div>

<span id="result"></span>

CSS

.found {
    background: #AAA;
}

.first-found {
    text-align: right;
}

JavaScript

$('[id^="ID-8258"][id$="2011-12-18"]').addClass('found');
$('[id^="ID-8258"][id$="2011-12-18"]:first').addClass('first-found');