Получение данных, необходимых для вызова ajax для нескольких строк

Question

У меня есть таблица с множеством строк. Когда вы щелкаете по этим строкам, они раскрывают более подробную информацию о строке, по которой щелкаете. Это может быть основано на int или строке.

Я подключил jQuery к тегам привязки в каждой строке, по которой пользователь будет щелкать. Однако ранее при использовании встроенного Javascript вы передавали что-то вроде этого:

<a href="javascript: openNext('000001')"><img /></a>

Теперь при использовании событий я потерял ссылку на «000001». Где это значение должно быть размещено для справки?

Answer 1

Как насчет этого?

<div id="somecontainer">
    <a href="#000001"><img /></a>
    ...
</div>

<script type="text/javascript">
$(function() {
    $('#somecontainer a').click(function() {
        var id = $(this).attr('href').substring(1);
        openNext(id);
        return false;    // to cancel native click event
    });
});
</script>

Если на вашей странице их много, скажем, более 100, вы также можете воспользоваться функцией live в jQuery для повышения производительности.

Удачи

Answer 2

Вы можете сохранить данные в качестве идентификатора для <tr> строки. Затем в вашем обработчике кликов (при условии, что он привязан к <tr> s), вызовите openNext(event.target.id)