How to access divs all divs with a micro-data="3" property/value?
<p>I am using jQuery 1.7.1.</p>

<p>I am trying to hightlight a column of divs if the column head div is hovered over.</p>

<p>If a div with the class of PC_ColumnHeadDiv has a data-col="3" attribute, I want to add a class to all of the divs with the PC_CellSpecValuesDiv class that have a data-col="3" attribute.</p>

<pre><code>var PC_ColumnHeadDiv = $(".PC_ColumnHeadDiv"); 
var PC_CellSpecValuesDiv = $(".PC_CellSpecValuesDiv"); 

$(PC_ColumnHeadDiv).hover(
    function() {
        var C = $(this).data("col");
        $(PC_CellSpecValuesDiv).data("col:"+C).addClass("PC_Over");
    }, 
    function(){
        $(PC_CellSpecValuesDiv).removeClass("PC_Over");
    }   
);
</code></pre>

<p>The problem piece of code is this:</p>

<pre><code>$(PC_CellSpecValuesDiv).data("col:"+C).addClass("PC_Over");
</code></pre>

<p>What I am trying to do here is find all of the divs CellSpecDivs where the data-col attribute is set to 3.</p>

<pre><code>$(PC_CellSpecValuesDiv).data("col", 3).addClass("PC_Over");
$(PC_CellSpecValuesDiv).data("col").is(3).addClass("PC_Over");
$(PC_CellSpecValuesDiv).data("col").eq(3).addClass("PC_Over");
</code></pre>

<p>What's the right way to get this line to work?</p>

<p><strong>EDIT</strong></p>

<p>This line works. Is this the best way to code this, assuming the rest will stay the same?</p>

<pre><code>$(PC_CellSpecValuesDiv).filter("[data-col='"+C+"']").addClass("PC_Over");
</code></pre>
