jquery - JQuery - 根据其类使整个 div 链接到不同的事物

Question

Jquery 的新手，还不太了解如何使用它来处理数组，我想知道如何根据其类将 div 制作成链接，以及根据其类使其链接到不同的事物（下面的示例）。

CSS -

.a (link to domain.com/a)
.b (link to domain.com/b)
.c (link to domain.com/c)

HTML

<div class="a">
<div>

Answer 1

是的，您可以这样做：

$('.a').click(function(){
    window.location = "www.google.com";
});
$('.b').click(function(){
    window.location = "www.yahoo.com";
});

将www.google.com和替换www.yahoo.com为您想要的课程地址a和b.

Answer 2

这个小片段会做到这一点：

$(function () {
    $('div').each(function () {
        $(this).wrap('<a href="http://example.com/' + $(this).attr('class') + '" />');
    });
});

jsfiddle 上的演示 - http://jsfiddle.net/FloydPink/zkuFA/

这样做是使用jQuery wrap 函数使用其属性动态添加anchor标签classnamedivhref

Answer 3

这可以通过window.location.replace()这种方式实现：

 $('.a').click(function(){
   window.location.replace('http://www.mysite.com/'+$(this).attr('class'));
   //---------> output url---> http://www.mysite.com/a
 });

 $('.b').click(function(){
   window.location.replace('http://www.mysite.com/'+$(this).attr('class'));
   //---------> output url---> http://www.mysite.com/b
 });

这将用新文档替换当前文档。