传递变量jQuery的点击功能

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

这里是链接

<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}); 
    }); 
});

我需要正确的语法到位的

+ data.course_id

，因为这似乎并没有工作，感谢

来源

2017-07-08 Matthew Tuman

两个时间'id'是invalid.Use'数据id'为第二-一 –

改变当前代码

$('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/

来源

2017-07-08 04:31:58 Shiladitya

您只需如果元素访问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}); 
      }); 
    });

来源

2017-07-08 04:32:54

那么，你最好应使用data()，来获得相关的属性。这是使用JQuery的正确方式，也是您可以在DOM中设置/获取其他属性的方式。检查API的更多详细信息：https://api.jquery.com/data/

及以下更新的代码，用data()：

$('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 
 
    }); 
 
    }); 
 
});

<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>

来源

2017-07-09 06:51:46

传递变量jQuery的点击功能

回答

相关问题