HTML 요소에서 특정 접두사가 있는 클래스 제거
특정 시나리오에서는 미리 정의된 접두사를 기반으로 요소에서 클래스를 제거해야 합니다. . >
도전 과제:
우리의 목표는 "bg"와 같은 특정 접두사가 붙은 모든 클래스를 효과적으로 제거하는 것입니다. 시도된 솔루션 $("#a").removeClass("bg*")는 원하는 결과를 얻지 못했습니다.
해결책:
이 작업 클래스 목록을 필터링하고 재할당하는 등 보다 맞춤화된 접근 방식이 필요합니다. JavaScript 또는 jQuery를 사용한 보다 정확한 구현은 다음과 같습니다.
JavaScript:
var prefix = "prefix"; var classes = el.className.split(" ").filter(function(c) { return c.lastIndexOf(prefix, 0) !== 0; }); el.className = classes.join(" ").trim();
jQuery Mixin:
$.fn.removeClassPrefix = function(prefix) { this.each(function(i, el) { var classes = el.className.split(" ").filter(function(c) { return c.lastIndexOf(prefix, 0) !== 0; }); el.className = $.trim(classes.join(" ")); }); return this; };
2018 ES6 업데이트:
const prefix = "prefix"; const classes = el.className.split(" ").filter(c => !c.startsWith(prefix)); el.className = classes.join(" ").trim();
이러한 솔루션은 지정된 접두사로 시작하는 모든 클래스 이름을 효과적으로 식별하고 제거하므로 동적 클래스 관리 및 조작이 가능합니다.
위 내용은 HTML 요소에서 특정 접두사가 있는 클래스를 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!