传递变量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
,因为这似乎并没有工作,感谢
答
改变当前代码
$('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/
答
您只需如果元素访问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});
});
});
答
那么,你最好应使用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>
两个时间'id'是invalid.Use'数据id'为第二-一 –