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根据#ch_display_linkedin_icon

基本上我想说，如果

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

有active然后显示#LinkedIndiv 的类，否则如果

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

然后active隐藏#LinkedIndiv。

我需要做的是使用 jQuery 能够获取 div 的值并仅在它具有活动类时才ch_display_linkedin_icon显示div。#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.

如果#ch_display_linkedin_icon不是由 JavaScript 动态生成，您可以稍微简化一下代码：

$('#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 回答