1

クリックすると、ページのさらに下にある別の div を切り替える div があります。

これは、切り替えを行う必要がある div の HTML です。

<div id="ch_display_linkedin_icon" class="asw-switch-link">
<a class="link-true active" rel="true" href="#"></a>
<a class="link-false" rel="false" href="#"></a>
</div>

link-trueクラスに の別の属性が あることがわかりますactive。これは、div をクリックすると jQuery の別の芸術によって追加されます。

現時点aでは、activeクラスはアクティブな div です。

私がしたいのは、#LinkedInの値に応じて、ページのさらに下にある別のdivの値を変更することです#ch_display_linkedin_icon

基本的に私が言いたいのは、

<a class="link-true active" rel="true" href="#"></a>

のクラスを持ち、それ以外の場合は divactiveを表示します#LinkedIn

<a class="link-false active" rel="false" href="#"></a>

activeその後、#LinkedIndivを非表示にします。

私がする必要があるのは、jQueryを使用しての値を取得し、アクティブなクラスがある場合にのみdivch_display_linkedin_iconを表示できるようにすることです。#LinkedIn

から始めた

$('#ch_display_linkedin_icon').live("click", function() {
});

しかし、a の子要素を取得する方法がわかりません。

どんな助けでも大歓迎です。

4

2 に答える 2

2

私はこのようなことをします：

$(document).on('click', '#ch_display_linkedin_icon', function() {
    $('#LinkedIn').toggle($('a.link-true.active', this).length > 0);
});

document理想的には、を含む要素のセレクターに置き換えます#ch_display_linkedin_icon。

JavaScriptによって動的に生成されていない場合#ch_display_linkedin_iconは、コードを少し単純化できます。

$('#ch_display_linkedin_icon').click(function() {
    $('#LinkedIn').toggle($('a.link-true.active', this).length > 0);
});
于 2012-09-29T04:13:27.880 に答える
0

これを使って 

  $(document).ready( function() {
        $('#LinkedIn').hide();
        /* This is the code to toggle the checkbox */
        $('.asw-switch-link a').live('click',function(){
            var $tag = $(this).parent();
            $('a',$tag).toggleClass('active');
            var rel = $('a.active',$tag).attr('rel');
            $tag.next('.plugin-switch-value').val(rel);
           if ($('#display_linkedin_icon').val() != 'true') {
            $('#LinkedIn').show();
           }else{
               $('#LinkedIn').hide();
           }

            return false;
        });

        $('#ch_display_linkedin_icon').click(function() {
            $('#LinkedIn').toggle($('a.link-true.active', this).length > 0);
        });
   });

フィドルを見る

于 2012-09-29T04:07:11.337 に答える