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

jQuery event.target.id.split('-')[1] 含義:字符串分割取第二段

     編輯:程式設計疑難解答

代碼片段


$('#switcher').click(function(event) {
    if ($(event.target).is('button')) {
        var bodyClass = event.target.id.split('-')[1];
        setBodyClass(bodyClass);
    }
});

解釋

  • `event.target.id`:觸發點擊的按鈕的 `id` 屬性字符串,如 `"btn-theme-dark"`。
  • `.split('-')`:以連字符 `-` 分割字符串,返回數組 `["btn", "theme", "dark"]`。
  • `[1]`:取數組**第二個元素**(索引 1),即 `"theme"`。

應用場景

按鈕 `id` 規範為 `btn-<功能>-<值>`,通過分割提取功能標識或值,動態切換 body class 實現換膚/功能切換。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved