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の目的のアドレスに置き換えます。ab

Answer 2

この小さなスニペットはそれを行います：

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

jsfiddleのデモ-http ://jsfiddle.net/FloydPink/zkuFA/

これは、jQuery wrap関数を使用して、属性にonanchorを使用してタグを動的に追加します。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
 });

これにより、現在のドキュメントが新しいドキュメントに置き換えられます。