如何使用jQuery中的has方法判斷元素包含元素

2019-12-11 12:09:42

在JavaScript函數jQuery中，可以使用has()方法來判斷某個元素下是否包含另一個元素，has方法中傳入選擇器引數。下面利用一個範例說明has函數方法的用法，具體操作如下：

第一步，在HBuilder建立的Web專案，指定目錄下建立靜態頁面has.html，如下圖所示：

第二步，在<body></body>元素內插入一個div和有序列表，並定義有序列表奇數和偶數行樣式，如下圖所示：

第三步，儲存程式碼並在瀏覽器中預覽效果，發現沒有奇數和偶數行樣式，如下圖所示：

第四步，返回到HBuilder編輯工具，修改樣式程式碼，將冒號換成nth-of-type，如下圖所示：

第五步，再次儲存程式碼並預覽效果，可以看到奇數行和偶數行間隔色樣式，如下圖所示：

第六步，給第一個li和第四個li新增內標籤label，然後使用has函數方法判斷，如果li標籤內有label，設定字型顏色，如下圖所示：