0

jqueryを使用してワードプレスのスライダーでコメントを機能させようとしています。私は決して専門家ではないので、助けを求めています。これが私がこれまでに持っているものです。

<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とクラスの後の数字はワードプレスの投稿IDです。私がやろうとしているのは、親と一致するクラスを持たない子を非表示にすることです。これは可能ですか？

これが私のこれまでのスクリプトです。

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

乾杯

4

1 に答える 1

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(); 
        }
     });
});

作業デモ

于 2012-11-17T12:38:25.993 に答える