Chcę dodać klasę do znacznika body za pomocą jQuery.Jak dodać klasę do tagu body?
Na przykład jeśli adres URL jest http://www.mywebsite.com/about_us.asp, chcę dodać pięć pierwszych liter, w tym przypadku „O”, do znacznika body:
<body class="about">
W jaki sposób można to zrobić?
ten powinien zrobić:
var newClass = window.location.href;
newClass = newClass.substring(newClass.lastIndexOf('/')+1, 5);
$('body').addClass(newClass);
całą "pięć znaków" sprawa jest trochę niepokojąca; ten rodzaj arbitralnego odcięcia jest zazwyczaj czerwoną flagą. Polecam łowienie wszystko dopóki _ lub:.
newClass = newClass.match(/\/[^\/]+(_|\.)[^\/]+$/);
To wzór powinna przynieść następujące:
../about_us.html: około../something.html: coś./has_two_underscores.html: maCoś jak to może działać:
$("body").attr("class", "about");
wykorzystuje jQuery attr(), aby dodać klasę 'o' do ciała.
To działa dobrze, aby dodać klasę do ciała. Po prostu nie odpowiedziałem na pytanie. – iCode
Cóż, będziesz chciał document.location. Czy jakiś ciąg manipulacji na nim (chyba jQuery ma sposób aby uniknąć pracy dla Ciebie), a następnie
$(body).addClass(foo);
wiem, że to nie jest pełna odpowiedź, ale zakładam, że można pracować resztę się:)
Zastosowanie:
$(document.body).addClass('about');
Można wyodrębnić tę część adresu URL za pomocą prostego regular expression:
var url = location.href;
var className = url.match(/\w+\/(\w+)_/)[1];
$('body').addClass(className);
bardziej skuteczny niż $ ("ciało") jest $ (document.body), unika procesu selektora. Zobacz http://jsperf.com/jquery-body-vs-document-body-selector (uwaga: "wyżej jest lepiej" w podanych statystykach) –
$ (document.body) działa również z jQuery 1.9.0 (podczas gdy $ ("body") nie działa (testowane w Chrome)). –
Och, dziękuję, próbowałem to zrobić i to nie działało, ale uratowałeś mnie :) – Jerome