「jQuery入門」ノードとノード要素の属性を操作する方法
サンプルコード
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
var $para = $(“p"); // <p>ノード
var $li = $(“ul li:eq(1)"); // 第2<li>ノード
var p_txt = $para.attr(“city"); // <p>ノード要素属性city
var ul_txtVal = $li.attr(“city"); // 第2<li>要素属性city
var li_txtVal = $li.text(); // <li>要素のノードtext
alert(ul_txtVal);
alert(li_txtVal);
alert(p_txt);
});
//]]>
</script>
</head>
<body>
<p city="旅行先にどこですか" >旅行先にどこですか</p>
<ul>
<li city=’北海道’>北海道</li>
<li city=’沖縄’>沖縄</li>
<li city=’大阪’>大阪</li>
</ul>