OnClick с несколькими переменными

Question

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

У меня есть таблица, в которой он был создан с PHP и MySQL ... все идентификаторы были созданы динамически, что почему мне нужно Поймать их другим способом, чтобы указать их.

Небольшой кусок кода для лучшего понимания структуры таблицы - я включил в jsFIDDLE

function delete_id(id) { 
    alert (id); 
    var test = $(this).closest('tr').attr('id'); 
    alert(test); 
}; 

Answer 1

Попробуйте это:

var test = $('#'+id).closest('tr').attr('id'); 

$(this) в функции не означает, что вы думаете. Вы должны использовать id, что вы прошли в function и получить этот элемент с $('#'+id)

Demo here

Answer 2

Я считаю, используя делегат с на метод хорошо использовать здесь. Как будто мы используем это, он не собирается пузырить событие для документирования, а также не собирается создавать столько обработчиков кликов для всех tr или тегов под этими динамическими tr в DOM, которые в целом хороши для производительности.

$(document).ready(function(){ 
    $('.ultomonitor').on('click','a', function(){ 
    alert("id of div under a " + $(this).children().attr('id')); 
    alert("id of tr above a " + $(this).closest('tr').attr('id')); 
    }); 
}); 

Working Demo

Answer 3

Лучше подход

DEMO

HTML

<a href="#"><div id="8928392" onclick="delete_id(this)" 

JS

function delete_id(el) { 
    var test = $(el).closest('tr').attr('id'); 
    alert(test); 
}; 

или

Чистый JavaScript подход

DEMO

function delete_id(el) { 
    var test = getNearestTableRowAncestor(el).id; 
    alert(test); 
}; 

function getNearestTableRowAncestor(htmlElementNode) { 
    while (htmlElementNode) { 
     htmlElementNode = htmlElementNode.parentNode; 
     if (htmlElementNode.tagName.toLowerCase() === 'tr') { 
      return htmlElementNode; 
     } 
    } 
    return undefined; 
}