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 function使用anchor classname为其div属性动态添加href标记

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

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

JQuery - 根据类的不同，使整个div成为不同事物的链接

3 个答案: