HTML内のすべてのAタグURLを読み取る【javascript】

2014.03.24 月曜日 23:53:09

HTML内の全てのAタグに何らかのアクションを起こしたい場合に使えます。

Aタグ全てにアクション

<script>
$(function () {
$('a').each(function() {
var url = this.href;
alert(url);
});
});
</script>

URLを上書きしたい場合

動的にURLを変更したい場合は「this.href=”"」を使います。

<script>
$(function () {
$('a').each(function() {
this.href="URLをこれに変更";
//$(this).removeAttr("href");hrefタグを取り除きたい場合はこちら
});
});
</script>

全てのAタグにクリックファンクションを付与したい場合

さらにそれぞれのAタグに対してクリックファンクションを付与したい場合はというと….

<script>
$(function () {
$('a').each(function() {
var url = this.href;
$(this).bind("click", function() {alert("クリックされました!"); return false;});
});
});
</script>

使うときは「$(function ()…」記述をしないとAタグに対して機能しないので注意してくださいね!
上記項目を使いこなすだけでもかなり表現の幅が広がるかと思いますので良かったら参考にしてください。

Category:DIARY     Tag:a click each function html javascript js タグ リンク
Our Business
最近の記事
人気記事
Our Project
comming soon