Как передать id в $ .click в jQuery

Question

Как передать id в $ .click в jQuery

У меня есть следующий код, который

view text

    $("#showtext").click (function() {
        $.post('/app/foo/bar/1', function (data){
           $("#msg").html(data);
        });
        $('#example').modal()
    });

Когда щелкнут текст view text , я делаю запрос на отправку в /app/foo/bar/1 и помещаю эти данные в div с id #msg . Все это прекрасно работает, однако теперь я хотел бы передать этот другой код , например: /app/foo/bar/2 или /app/foo/bar/3 и т. д.

Каков хороший способ сделать это?

Один из способов, о котором я думал, - добавить id к атрибуту, например:

view text

а затем проанализируйте id в jQuery с помощью regex. Однако этот подход кажется беспорядочным. Есть ли более элегантный способ добиться этого?

1

добавлено 09 Январь 2013 в 03:52 автор birdy отредактировано 09 Январь 2013 в 10:09

Просмотры: 3

источник

nl ja de

какой идентификатор вы пытаетесь пройти?

добавлено 09 Январь 2013 в 03:54, автор ᾠῗᵲᄐᶌ, источник

«Теперь я хотел бы быть», что?

добавлено 09 Январь 2013 в 03:54, автор Learner, источник

1 ответы

автор Rory McCrossan · Answer 1 · 2013-01-09T03:56Z

Предполагая, что вам нужен атрибут href , оставшийся как есть, вместо этого вы можете использовать атрибут data .


view text

$("#showtext").click(function() {
    $.post(
        $(this).data('url'), 
        function(data) {
            $("#msg").html(data);
        }
    );
    $('#example').modal()
});

Или, как я уже говорил, вы можете использовать  href :
view text

$("#showtext").click(function(e) {
    e.preventDefault();//prevent the link being followed normally
    $.post(
        $(this).prop('href'), 
        function(data) {
            $("#msg").html(data);
        }
    );
    $('#example').modal()
});