1.首先,页面中的预订按钮,点击预订按钮时会触发事件。代码如下:
<span data-v-2f6dc545="" class="btn" οnclick="choose(this)">预定</span>
2.定义好onclick后,利用ajax获取值,代码如下:
<script type="text/javascript">
function choose(obj){
<!-- 通过点击按钮获取父级的父级的兄弟的儿子的文本内容-->
var trainCodeOne = $(obj).parent().parent().siblings(".traincode-traincode").children(".train-code").html();
var dateTime = $("#demo").val();var leftTicket = $(obj).parent().parent().siblings(".traincode-ticket").children(".yupiao").children().children
(".button-color").html();
if(leftTicket<=0){alert("该票已售完,请选其他车次!");
}else{
<!-- 当获取到的票数量大于0时,可以跳转到预订车票的页面-->
window.location="<%=request.getContextPath()%>/OrderServletmethod=gotoOrderTicket&trainCode
="+trainCodeOne+"&dateTime="+dateTime;