jquery dynamic practure with Eq

Question

Я хочу сделать одно представление с динамическим сценарием jquery, но он не сработал Что случилось с моим кодом?

$(document).ready(function(){ 

    $("#foo").each(function(i) 
    { 

     $("button#foo").eq(i).click(function() 
      { 
       var a = this.val(); 
       alert(a); 
      }); 
    }); 

}); 

<div id="tabs-1"><input type="type" value="one"><button id="foo"></button></div> 

<div id="tabs-2"><input type="type" value="two"><button id="foo"></button></div> 

<div id="tabs-3"><input type="type" value="tree"><button id="foo"></button></div> 

благодаря mapet

Answer 1

Попробуйте

var a = this.value; 

значение является свойством, а не метод

В JQuery вы можете использовать

$(this).val() 

весь Ваш код должен быть что-то вроде этого

$(document).ready(function(){ 
    $("#foo").click(function(){ 
     var a = this.value; // or you can use $(this).val() 
     alert(a); 
    }); 
}); 

Edit

Дайте все кнопки имя класса и селектор использование класса назначить событие щелчка. Измените идентификаторы кнопок. Идентификатор должен быть уникальным в документе.

$("button.btnclass").click(function(){ 
    // to get the value of the input previous to the current button element 
    var val = $(this).prev().val(); 
    alert (val); 
}); 

Working Demo

Второй Редактировать

$(function(){ 
    $("button.btnclass").click(function(){ 
    var currentElem = $(this); 
    var val = currentElem.prev().val(); 
    var id = currentElem.attr("id"); 

    switch(id) 
    { 
     case "foo1" : alert("ajax1"); 
        break; 
     case "foo2" : alert("ajax2"); 
        break; 
     case "foo3" : alert("ajax3"); 
        break; 
    } 
    }); 
});​ 

Answer 2

Проблема вы повторяете идентификаторы. Идентификаторы должны быть уникальными. То, что вы делаете, не имеет большого смысла. Чего вы пытаетесь достичь?