jquery匹配唯一的类名

时间:2012-11-17 12:04:52

标签: jquery unique match classname

我正在尝试使用jquery在wordpress的滑块中进行注释。我不是专家,所以我要求一些帮助。这是我到目前为止所拥有的。

<div id="slider-1>
<div id="content-805">content here</div>
<div id="comments-wrap-805" class="comments-805"> //Parent
<div id="commentform-798" class="comments-798">comment stuff</div> //child
<div id="commentform-605" class="comments-605">comment stuff</div> //child
<div id="commentform-735" class="comments-735">comment stuff</div> //child
<div id="commentform-425" class="comments-425">comment stuff</div> //child
<div id="commentform-810" class="comments-810">comment stuff</div> //child
</div>
</div>

id和class之后的数字是wordpress post id。我想要做的是隐藏没有与父母相匹配的班级的孩子。这可能吗?

到目前为止,这是我的剧本..

jQuery(document).ready(function() {
if ((" " + jQuery("div[id^='commentform']").parent().attr('class') + " ").match(/\scomments-\d+\s/) != null) {
jQuery(this).hide();
}
});

干杯

1 个答案:

答案 0 :(得分:0)

你可以这样做

$.each($("div[id^='comments-wrap']"),function(){ // this will fetch all parent div's
    var CurrectDiv=$(this);
    CurrectDiv.find('div').filter(function(){
        if($(this).attr('class')==CurrectDiv.attr('class'))
        {
           $(this).hide(); 
        }
     });
});

​ Working Demo