Ajax / JQuery id ссылается на несколько строк таблицы

Question

Проблемы с назначением определенного идентификатора для разнообразного списка элементов, выбранных из таблицы, чтобы пользователь мог щелкнуть по этому элементу, выполнив при этом некоторый Ajax / Jquery и т. Д.чтобы это было так и ссылаться на идентификатор, используя следующую информацию?

    $('#event_add').click(function(){
    var row = ($(this).parent().parent().children().index($(this).parent()))-1;
    $.ajax({
        type: "GET",
        url: "add_event.php",
        data: "row="+row+"&do=addEvent",
        cache: false,
        async: false,
        success: function(result){
            alert(result);
        },
        error: function(result){
            alert(result);
        }
    });         
});

Любой совет по этой проблеме будет принята с благодарностью!:)

Answer 1

почему вы не используете

Class мгновенный id

изменение

HTML

id = 'event_add' до class = 'event_add'

Сценарий

$ ( '# event_add') в $ ( 'event_add')

Answer 2

Вы можете напечатать идентификатор строки в свой выходной код.

/** this code had been cut, '$row' is required **/
while($row = mysql_fetch_array($sql)){  
    echo "<tr><td>
          <a class='event_add' data-rowid='" . $row['id'] . "' title='Add Event' href='javascript:void(0)'>
          <img border='0' src='add_button.gif' width='25' height='25'/></a>
    </td></tr>";
}

и тогда в вашей функции строка будет определена как

var row = $(this).attr('data-rowid');

Кроме того, измените код назначения функции, чтобы использовать также селектор классов.

$(".event_add").click(...)