HTML5 data属性

<c:forEach items="${page.getContent()}" var="course" varStatus="status">
<tr>
<td>${pageNum*10+status.index+1}</td>
<td class="center">${course.roomNum }</td>

<td class="center">

 <a class="btn btn-info courseware" href="javaScript:void(0)"

data-id="${course.id }" data-roomnum="${course.roomNum }"> 

                                                  <i  class="glyphicon glyphicon-bell"></i> 课件

</tr>

JQuery获得：

       $(".courseware").click(function(){
var id=$(this).data("id");
var room=$(this).data("roomnum");
                 .......................
}) 

data属性要求必须是小写，如: var room=$(this).data("roomnum")，而$(this).data("roomNum")则获取不到值