我对前端不熟,所以买了一个基于bootstrap和jquey的前端。现在想略加改造,发生了故障:
下面这句:
$(".dataTables_length select")在我的html页面显示中不可或缺,按我的理解,是jquery按照类名(class)赋予一定的功能。但是我在自己的html文件中,没有发现任何与“dataTables_length”、select“”相关的内容。请问这是怎么回事?是不是还可以通过其他途径调用(间接调用一类)?
$(".dataTables_length select") 这个是获取 class dataTables_length 下的select 标签 。
你页面里没有 的话 肯定会报错
.dataTables_length前面是点 . 说明是个类名。select是下拉框。
也没打开F12后Ctrl+F搜索一下dataTables_length。
还是想彻底搞清楚,我把具体情况描述一下,然后请各位给予指点。
我用的是bootstrap的datatables控件,有2个table,分页显示,以下是html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--CSS-->
<!-- Bootstrap Css -->
<!-- JAVASCRIPT -->
<script src="assets/libs/jquery/jquery.min.js"></script>
<!-- Datatable init js -->
<script src="assets/js/pages/datatables.init.js"></script>
<!-- Required datatable js -->
<script src="assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
<script>
</script>
</head>
<body>
<table id="datatable13" >
<thead>
<tr>
<td>Bruno Nash</td>
<td>Software Engineer</td>
<td>London</td>
<td>38</td>
<td>2011/05/03</td>
<td>$163,500</td>
</tr>
<tr>
<td>Sakura Yamamoto</td>
<td>Support Engineer</td>
<td>Tokyo</td>
<td>37</td>
<td>2009/08/19</td>
<td>$139,575</td>
</tr>
<tr>
<td>Thor Walton</td>
<td>Developer</td>
<td>New York</td>
<td>61</td>
<td>2013/08/11</td>
<td>$98,540</td>
</tr>
<tr>
<td>Finn Camacho</td>
<td>Support Engineer</td>
<td>San Francisco</td>
<td>47</td>
<td>2009/07/07</td>
<td>$87,500</td>
</tr>
<tr>
<td>Serge Baldwin</td>
<td>Data Coordinator</td>
<td>Singapore</td>
<td>64</td>
<td>2012/04/09</td>
<td>$138,575</td>
</tr>
<tr>
<td>Zenaida Frank</td>
<td>Software Engineer</td>
<td>New York</td>
<td>63</td>
<td>2010/01/04</td>
<td>$125,250</td>
</tr>
<tr>
<td>Zorita Serrano</td>
<td>Software Engineer</td>
<td>San Francisco</td>
<td>56</td>
<td>2012/06/01</td>
<td>$115,000</td>
</tr>
<tr>
<td>Jennifer Acosta</td>
<td>Junior Javascript Developer</td>
<td>Edinburgh</td>
<td>43</td>
<td>2013/02/01</td>
<td>$75,650</td>
</tr>
<tr>
<td>Cara Stevens</td>
<td>Sales Assistant</td>
<td>New York</td>
<td>46</td>
<td>2011/12/06</td>
<td>$145,600</td>
</tr>
<tr>
<td>Hermione Butler</td>
<td>Regional Director</td>
<td>London</td>
<td>47</td>
<td>2011/03/21</td>
<td>$356,250</td>
</tr>
<tr>
<td>Lael Greer</td>
<td>Systems Administrator</td>
<td>London</td>
<td>21</td>
<td>2009/02/27</td>
<td>$103,500</td>
</tr>
<tr>
<td>Jonas Alexander</td>
<td>Developer</td>
<td>San Francisco</td>
<td>30</td>
<td>2010/07/14</td>
<td>$86,500</td>
</tr>
<tr>
<td>Shad Decker</td>
<td>Regional Director</td>
<td>Edinburgh</td>
<td>51</td>
<td>2008/11/13</td>
<td>$183,000</td>
</tr>
<tr>
<td>Michael Bruce</td>
<td>Javascript Developer</td>
<td>Singapore</td>
<td>29</td>
<td>2011/06/27</td>
<td>$183,000</td>
</tr>
<tr>
<td>Donna Snider</td>
<td>Customer Support</td>
<td>New York</td>
<td>27</td>
<td>2011/01/25</td>
<td>$112,000</td>
</tr>
</tbody>
</table>
</body>
</html>
通过筛选,发现只有js中的最精简的几句语句有效果,下面贴出:
$(document).ready(function(){$("#datatable13").DataTable(),
$("#datatable14").DataTable(),
$(".dataTables_length select").addClass("form-select form-select-sm")});
$(".dataTables_length select").addClass("form-select form-select-sm")});,这一句很奇怪,调用的dataTables_length select在html中怎么都找不到,请问这是什么原理?