代码之家  ›  专栏  ›  技术社区  ›  xain

区分原型中的行元素

  •  0
  • xain  · 技术社区  · 14 年前

    我有一个表,其中每行包含一个输入和一个“保存”图像。

    <td>
     <div id="acp_1" style="margin-left:100px;display: inline">
       <input size="10" type="text" value="11:00" name="acpr_1" id="acpr_1" />
       <span class="modify-listener" id="ml_1">
         <img id="save_1" src="/images/skin/database_save.png" alt="modify"/>
       </span>
     </div>
    </td>
    
    <td>
     <div id="acp_2" style="margin-left:100px;display: inline">
       <input size="10" type="text" value="11:00" name="acpr_2" id="acpr_2" />
       <span class="modify-listener" id="ml_2">
         <img id="save_2" src="/images/skin/database_save.png" alt="modify"/>
       </span>
     </div>
    </td>
    

    γ 模式用于区分一行的元素和另一行的元素。

    我需要捕获图像上的单击事件,以便在后端保存输入的值。类似:

    Event.observe('modify-listener', 'click', function(){
       ....
    

    如何检测单击了哪一行的图像,以便使用正确的值调用Ajax函数?

    谢谢。

    1 回复  |  直到 13 年前
        1
  •  1
  •   gblazex    14 年前

    event delegation

    Event.observe Event.findElement

    Event.observe('target', 'click', function(event) {
      alert( Event.findElement(event, 'IMG').id ); // e.g.: save_1
    });
    

    #target

    demo here