人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jQueryで以下を実現するにのどう書けばいいでしょう?

<a href="xxxxx" class="abc" alt="あいうえお">かかかか</a>

このリンクの後ろにこのリンクの情報から取得した情報を使ったonClickのリンクを付ける
URL、altの値を関数の引数にする

ベタで書いた以下と同じようにする
<a href="xxxxx" class="abc" alt="あいうえお">かかかか</a><div onClick="xyz('xxxxx','あいうえお');">★</div>
後ろにつくリンクはaタグでも何でもいいですが、onClickできるものでお願いします。


●質問者: dingding
●カテゴリ:インターネット ウェブ制作
✍キーワード:jQuery URL にの タグ ベタ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● Km1967
●32ポイント
$(document).ready(function(){
 $("a").after("<div onClick="xyz('" + $(this).attr('href') + "','" + $(this).attr('alt') + "');">★</div>");
});

http://semooh.jp/jquery/

◎質問者からの返答

ありがとうございます!こんな感じにできるんですね。試してみます。


2 ● vbvbvbvbvb
●0ポイント

え?ふつうに、リンクですればいいんんじゃないんですか?


3 ● Cherenkov
●48ポイント ベストアンサー

回答1の$(this)では値が取得できないような。

サンプル。

http://jsfiddle.net/mRETQ/

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
 //一個ずつ
 //$("a.abc").after("<div onClick=xyz('" + $("a.abc").attr("href") + "','" + $("a.abc").attr("alt") + "');>★</div>");

 // aタグでclass="abc"な要素すべてに行う
 $.each($("a.abc"), function(){
 var self = $(this);
 self.after("<div onClick=xyz('" + self.attr("href") + "','" + self.attr('alt') + "');>★</div>");
 });
});

function xyz(a, b) {
 alert([a,b]);
}

</script>
</head>
<body>
<a href="xxxxx1" class="abc" alt="あいうえお1">かかかか1</a>
<a href="xxxxx2" class="abc" alt="あいうえお2">かかかか2</a>
<a href="xxxxx3" class="abc" alt="あいうえお3">かかかか3</a>
<a href="xxxxx4" class="abc" alt="あいうえお4">かかかか4</a>
<a href="xxxxx5" class="abc" alt="あいうえお5">かかかか5</a>
</body>
</html>
◎質問者からの返答

ありがとうございます!

ちょうどthisが効かないことで困っていました!

できました!!!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ