Question

我想从其他页面锚链接中删除div id类。

firstPage.html

<div class="question show" id="a1">
Sample 1
</div>

<div class="question" id="a2">
Sample 2
</div>

list.html

$(function () {

             $("a").click(function () {
                 $("#a2").addClass('question show');                
             });


         });
     </script>
</head>
<body>
<a href="firstPage.html#a1">Link 1</a>
<a href="firstPage.html#a2">Link 2</a>
</body>

我想将类addClass('question show')添加到单击的div id。

我在这里使用Link1 id=a1

进行了尝试

But I'm failed to set class ('question show') help me to correct my code 请在这里查看代码 http://plnkr.co/edit/fzdfjdrRbcWmir5wHcJW?p=preview

Answer 1

我采取了不同的方法。我不会将该功能添加到 list.html 。让页面 firstPage.html 与值一起调用。我们将从 firstPage.html 中捕获锚点。

另外，因为你们所有的div都有类'问题';我忽略了那个课程，只针对'show'课程。

因此，请使用 firstPage.html ：

加载此功能

$(document).ready(function(){
    var call = $(location).attr('href').split('#');
    var ancr = $.trim(call[1]);
    if(ancr === undefined || ancr == ''){
        // Anchor not set, do nothing
    } else {
        if (!$('#'+ancr).hasClass('show')) {
            $('#'+ancr).addClass('show');
        }
    }
});

我还假设您没有多个具有相同ID的div（通常不应该这样）。

我希望这能满足您的需求。

如何从其他页面添加div类？

1 个答案: