---
title: "Lägga till class på body beroende på annan class"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/185622-lägga-till-class-på-body-beroende-på-annan-class"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ramo_and"
published: "2010-12-28T11:31:09.000Z"
updated: "2010-12-28T13:34:48.000Z"
replies: 11
views: 531
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/185622-lägga-till-class-på-body-beroende-på-annan-class"
---

# Lägga till class på body beroende på annan class

## #1 — ramo_and, 2010-12-28T11:31Z

Jag vill kunna lägga till olika body classer beroende på vilken klass mitt "contentarea" har. Vilken klass det har styrs av innehållet.

Ex:

```
Fall 1:
<table id="contentArea" class="content1">
  Innehåll
</table>

Fall 2:
<table id="contentArea" class="content2">
  Innehåll
</table>
```

Det jag vill göra är då att lägga till en class till body:n när tabellen har classen content1 och ett annat när den har classen content2.

Jag vet hur man gör för att lägga till klasser med jQuery, det jag inte vet är hur man gör om vill att body:n ska få en class beroende på vilken klass "contentArea" har..

Permalänk: https://www.webforum.nu/p/185622

## #2 — voigtann1, 2010-12-28T11:33Z

Hämta elementet med en CSS selector och kollar om den innehåller något DOM objekt: 

```
if($("#contentArea").hasClass("content1")){
//#contentArea has a cssClass of content1
}
```

eller om du bara skall lägga samma cssKlass på bodyn som din #contentArea har:

```
$("body").addClass($("#contentArea").attr("class"));
```

(ej testat).

Permalänk: https://www.webforum.nu/p/2265258

## #3 — ramo_and, 2010-12-28T11:58Z

```
<script type="text/javascript">
$(function(){
  if($('#contentField').hasClass('.twscontentarticlepageingroup672324'){
  $('body').addClass('living');
});

});
</script>
```

Jag gjorde ett eget försök med detta funkar inte på sidan.. Jag har kodat fel antar jag?

Permalänk: https://www.webforum.nu/p/2265259

## #4 — voigtann1, 2010-12-28T12:15Z

du skriver fel, du saknar en ) i din if fråga

```
<script type="text/javascript">
$(function( ){
	if($('#contentField').hasClass('.twscontentarticlepageingroup672324')[red])[/red]{
		$('body').addClass('living');
	});
});
</script>
```

Permalänk: https://www.webforum.nu/p/2265260

## #5 — ramo_and, 2010-12-28T12:22Z

Aah klantigt av mig! Tyvärr så funkar det inte ändå.. nåt annat som kan vara fel?

Det är ett td-element som alltid har id contentField och så ändras dess klasser beroende på vilket innehåll som visas. Behöver jag lägga upp mer html-struktur?

Permalänk: https://www.webforum.nu/p/2265262

## #6 — voigtann1, 2010-12-28T12:34Z

hasClass skall vara en sträng, inte en CSS selektor, ta bort punkten i strängen. Då den letar efter CSS klass och inte kolla om elementet har en specifikt css-Selector.

Permalänk: https://www.webforum.nu/p/2265263

## #7 — ramo_and, 2010-12-28T12:42Z

Aah jag gjorde det men de funka ändå inte.. :( Nåt annat som kan va fel...?

Permalänk: https://www.webforum.nu/p/2265264

## #8 — voigtann1, 2010-12-28T12:47Z

fungera för mig: <http://jsbin.com/oceha3/>

Du har lagt in ); på lite väl många platser

Permalänk: https://www.webforum.nu/p/2265265

## #9 — ramo_and, 2010-12-28T12:51Z

Jag tog bort den ); som du hade tagit bort och då funka det! Tackar! :)

Permalänk: https://www.webforum.nu/p/2265266

## #10 — ramo_and, 2010-12-28T12:57Z

En snabb fråga till, hur gör man om man vill skriva att body:n ska få en särskild klass om #contentField har t ex "klass1" ELLER "klass2"?

Permalänk: https://www.webforum.nu/p/2265267

## #11 — voigtann1, 2010-12-28T13:13Z

Ja, det gör du nu ju redan, bara att lägga in [else if](https://developer.mozilla.org/en/JavaScript/Reference/Statements/If...else)

Permalänk: https://www.webforum.nu/p/2265268

## #12 — ramo_and, 2010-12-28T13:34Z

Aah just de! Tänkte att de va nåt sånt. Det funkar fint, tack så mycket!

Permalänk: https://www.webforum.nu/p/2265271

---

Tråden på webben: https://www.webforum.nu/amne/javascript/185622-lägga-till-class-på-body-beroende-på-annan-class