Question

您好我需要将以下超链接中的id变量传递给jquery点击功能

这是链接

home_currency_amount_total = fields.Float(string='Total Amount in company currency', store=True)

这是我尝试使用的点击功能：

<a id='howdy' href='#' course_id = 5>Howdy</a>

我需要正确的语法代替

$('a#howdy').click(function(e){
  $.get('insert_courses.php' + data.course_id, function(data){
    modal.open({content: data});
  });
});

因为这似乎不起作用，谢谢

Answer 1

将当前代码更改为

$('a#howdy').click(function(e){
    $.get('insert_courses.php?id=' + $(this).attr("course_id"), function(data){
    modal.open({content: data});
    });
});

您可以使用jsfiddle https://jsfiddle.net/4asa95cw/1/

Answer 2

如果元素，您只需要访问course-id属性。

 <a id='howdy' href='#' course_id = 5>Howdy</a>

     $('a#howdy').click(function(e){
            $.get('insert_courses.php' + $('#howdy).attr('course-id'), function(data){
            modal.open({content: data});
            });
     });

Answer 3

好吧，理想情况下，您应该使用data()来获取相关属性。这是使用JQuery的正确方法，以及在DOM中设置/获取其他属性的方式。请查看API以获取更多详细信息：https://api.jquery.com/data/

以下是您使用data()：

的更新代码

＆＃13;

$('a#howdy').click(function(e) {
  console.log($(this).data("course-id"));
  $.get('insert_courses.php?id=' + $(this).data("course-id"), function(data) {
    modal.open({
      content: data
    });
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id='howdy' href='#' data-course-id=5>Howdy</a>

＆＃13;

将变量传递给jquery单击函数

3 个答案: