首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

jQuery 選擇器解析:屬性不等於篩選器添加類名

     編輯:程式設計綜合問答

代碼

$("#message_lv li.list-message[catagory!='離車導航']").addClass("inbox-hidden");

含義拆解

  1. `#message_lv`:ID 為 `message_lv` 的元素(通常 `
      `)。
    • `li.list-message`:其下 `class="list-message"` 的 `
    • ` 子元素。
    • `[catagory!='離車導航']`:屬性選擇器,**catagory 屬性值不等於 '離車導航'**。
    • .`addClass("inbox-hidden")`:為匹配元素添加類 `inbox-hidden`(通常配合 CSS 隱藏)。

HTML 結構示例

<ul id="message_lv">
  <li class="list-message" catagory="離車導航">...</li>       <!-- 不匹配,保持顯示 -->
  <li class="list-message" catagory="其他類型">...</li>    <!-- 匹配,添加 inbox-hidden 隱藏 -->
  <li class="list-message" catagory="另一類">...</li>      <!-- 匹配,隱藏 -->
</ul>

注意

  • 屬性名 `catagory` 拼寫應為 `category`,此處以實際 HTML 為準。
  • jQuery 屬性不等於選擇器 `[attr!='val']` 為 jQuery 擴展,非標準 CSS。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved