CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

dondy-kurt Nybegynder

05. august 2011 - 09:55 Der er 5 kommentarer og
1 løsning

jquery insertBefore $(this)

Hej Eksperter

Jeg har en liste der ser cirka således ud (skåret ind til benet):
<table>
<tr>
<div class="firstclass"></div>
<div class="secoundclass"></div>
<div class="thirdclass"></div>
<div class="fourthclass"></div>
</tr>
<tr>
<div class="firstclass"></div>
<div class="secoundclass"></div>
<div class="thirdclass"></div>
<div class="fourthclass"></div>
</tr>
<tr>
<div class="firstclass"></div>
<div class="secoundclass"></div>
<div class="thirdclass"></div>
<div class="fourthclass"></div>
</tr>
</table>

Jeg har så forgæves prøvet at rykke classen ved navn "fourthclass" så den ligger før "firstclass".
Jeg har prøvet ved hjælp af dette kode:
$('.fourthclass').insertBefore( $(this).parent().find('firstclass') );

Men det virker ikke rigtigt. Hvis jeg bare siger:
$('.fourthclass').insertBefore('firstclass');
Så rykker de alle sammen op i toppen.

Nogle der kan hjælpe mig?

Synes godt om

jakobdo Ekspert

05. august 2011 - 11:27 #1

Hvad er det præcist du ønsker at opnå?

Synes godt om

dondy-kurt Nybegynder

05. august 2011 - 11:48 #2

At trykke <div class="fourthclass"></div> ovenover <div class="firstclass"></div> i hver <tr>

Synes godt om

jakobdo Ekspert

05. august 2011 - 11:52 #3

Måske du kan finde noget løsning her:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>944423</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#move").click(function(event){
event.preventDefault();
$(".section").each(function(index){
var fourth = $(".fourthclass",this);
var first = $(".firstclass",this);
fourth.insertBefore(first);
});
});
});
</script>
</head>
<body>
<div class="section">
<div class="firstclass">1.1</div>
<div class="secoundclass">1.2</div>
<div class="thirdclass">1.3</div>
<div class="fourthclass">1.4</div>
</div>
<div class="section">
<div class="firstclass">2.1</div>
<div class="secoundclass">2.2</div>
<div class="thirdclass">2.3</div>
<div class="fourthclass">2.4</div>
</div>
<div class="section">
<div class="firstclass">3.1</div>
<div class="secoundclass">3.2</div>
<div class="thirdclass">3.3</div>
<div class="fourthclass">3.4</div>
</div>
<div><a href="#" id="move">Move</a></div>
</body>
</html>

Synes godt om

dondy-kurt Nybegynder

05. august 2011 - 12:42 #4

Sådan :)

Med lidt til retning så fik jeg det til at virke.. Tak skal du have :)

Synes godt om

jakobdo Ekspert

05. august 2011 - 12:45 #5

Svar!

Synes godt om

jakobdo Ekspert

05. august 2011 - 13:34 #6

Takker for point.

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS