DOM要素に含まれている属性を取得し、また属性を設定します。
要素の属性を取得する: $(‘要素名’).attr();
要素の属性を設定する: $(‘要素名’).attr(‘属性名’, ‘値’);
要素の属性を複数設定する場合は、
$(要素).attr({
属性名: ,値,
属性名: ,値,
…
プロパティ: ,値
});
となります。
では実際にa要素のhref属性を確認し、また設定してみましょう。
idがichiの箇条書きulの子要素のliの子要素のa要素のhref属性を確認し、idがniの箇条書きulの子要素のliの子要素のa要素のhref属性を「
https://yahoo.co.jp/」に設定しましょう。
スクリプトは以下のように記述します。
var zoku = $('#ichi>li>a').attr('href');
alert("a要素のhref要素の値は"+zoku+'です');
$('#ni>li>a').attr('href','
https://yahoo.co.jp/');
記入後ファイルを開いた際、こども2のリンクをクリックするとヤフーのページに移動することを確認してください。