在html的同一頁面中打開子鏈接

Question

在html中，我具有以下標記。

  <a href="javascript:void(0)"><span id=M26>2011-2012</span></a>
  <div id=c26 STYLE="display:none">

  <a href="javascript:void(0)"><span id=M27>2012-2013</span></a>
  <div id=c26 STYLE="display:none">   

在單擊2011-2012或2012-2013時，我要設置div標簽的displaye屬性。 我為此使用以下Java腳本代碼，並且在body標簽中調用了javascript函數。 輸出顯示樣式，顯示不是對象或屬性。

     <script language="javascript">
   function clickHnadler()
   {
   var xid= document.getElementsByTagName("span");
   var xsp= xid[0].id;   
  alert("Span id is "+xsp);
  if(xsp.charAt(0)=="M")
  {
   var oC = document.all("C"& xsp.substring(1,2));
   if(oC.STYLE.display == "none")
   {
    oC.Style.Display = "";
   }
   else{
     oC.Style.Display = "none";
     }
    } 
  }
 </script>  

Answer 1

使用jQuery：

您可以將元素或ID傳遞給函數：例如：

<a href="#" onclick="clickhandler(this)"><span id=M26>2011-2012</span></a>

function clickHnadler(element)
{
  var id = $(element > span).attr(id);
  id[0] = 'c'; //not the nicest way, maybe use a replace or something like that
  $(id).show(); //or $(id).css('display','list');
}

Answer 2

您可以使用clickHandler具有以下方式，即功能clickHandler（e）{window.document.links [0] .handleEvent（e）; }

您需要將事件特定地綁定到要處理click的元素。 有關更多信息，請參考以下鏈接，

http://docs.oracle.com/cd/E19957-01/816-6409-10/evnt.htm#1009606

Answer 3

根據我對您的問題的理解，我提出了這個建議。

    <script type="text/javascript" src="jquery1.8.js"></script>
    <a href="javascript:void(0)" onclick="$(this).next('div').toggle()"><span id=M26>2011-2012</span></a>
    <div id=c26 STYLE="display:none">
    2011-2012 details</div>
    <br />
    <a href="javascript:void(0)" onclick="$(this).next('div').toggle()"><span id=M27>2012-2013</span></a>
    <div id=c26 STYLE="display:none">   
        2012-2013 details
    </div>