js複数のラベルのうちの1つの値を取得

1679 ワード

jspを書く過程で同じラベルが複数現れることが多いが、そのうちの1つを取るだけで、ラベルの数が多すぎる場合があるため、idで各ラベルを区別することは不可能であり、コード量が大きく、柔軟性が悪い.
HTMLコード:
<a href="#">  </a> <a  href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a> <a href="#">  </a>

ここでは簡潔に実現する必要があります.ここでは主にjqueryプラグインを運用します.
jsコード:
$("a").live("click",function(){
       var text =$(this).text();//          <a>   text 
      var a=document.getElementById(id);
       a.childNodes[0].data =text; //          			
	});

しかし、「a.childNodes[0].data」はここでは、ie 6がサポートしていないなど、すべてのブラウザがサポートしているわけではありません.ブラウザの互換性のために、ここでは最も原始的な方法「document.getElementById(id).innerHTML(text)」を選択することができます.これはすべてのブラウザを基本的にサポートしています.jquery:$("#id").html(text)"も使用できます.
異なるdivの如果标记标题的话,可以取得在div中定义ID,用DIV的id应对的值.("#divid a").live("click",function(){ var text =$(this).text();//ここでは、ある<a>ラベルをクリックするtext値を取得します。 var a=document.getElementById(id); a.childNodes[0].data =text; //ここでは、ラベルに値を割り当てます。 });