Avatar billede CipherGuy Novice
04. maj 2013 - 12:15 Der er 8 kommentarer og
1 løsning

div uden om text med jQuery / JavaScript

Hej alle!
Jeg sidder med en masser af text som ligger inde i min section.

Strukturen er sådan:
dato tekst dato tekst dato tekst. F.eks.
14-12-12 Kære alle forældre....  15-12-12 Nyhedsbrev er blevet sendt ud til.....

Mit spørgsmål lyder på, om det er muligt at lave med Javascript eller jQuery, at datoen får en div og beskeden får en div?
Så det måske så sådan her ud:
<section>
  <dato> 14-12-12 </dato> <besked> Kære alle forældre </besked>
  <dato> 15-12-12 </dato> <besked> Nyhedsbrev er blevet sendt ud til.... </besked>
</section>

Håber der er nogle som kan hjælpe mig!

Med venlig hilsen:
Kasper
Avatar billede jakobdo Ekspert
04. maj 2013 - 12:32 #1
Hvordan får du fat i teksten?
Den er jeg desværre ikke helt med på.
Men en ide kunne jo være at splitte på dato.
Dog vil du så have et problem, hvis der er en dato inden i teksten.
Men jo, det kan sagtens laves.
Avatar billede CipherGuy Novice
04. maj 2013 - 16:21 #2
Det er fordi at vi bruger cms-systemet conventus til at oprette nyheder.
Conventus har sin egen måde at placere indeholdet i, f.eks:
<div class="cvt_element">
  <div class="cvt_uos">
      <div class="cvt_bt">
          00-00-00
      </div>
      <div class="cvt_bt">
          Kære alle forældre....
      </div>
...
Men har ved hjælp af jQuery taget alt indhold i cvt_bt og smidt ud i en section div.
var textContent = $('td.cvt_bt').text();
$('section').text(textContent);

Nu har jeg bare en section med masser af tekst, jeg gerne vil have lagt diver rundt om

Håber det var forståeligt beskrevet! :)

/Kasper Wissing
Avatar billede sherlock Nybegynder
05. maj 2013 - 00:33 #3
Sådan kan du flytte dit indhold til en ny div.

        $(function () {
            var newElem = '';
            $('.cvt_bt').each(function (i, e) {
                el = $(this).text().trim();
                if (i % 2)
                    el = '<besked>' + el + '<besked/>';
                else
                    el = '<dato>' + el + '<dato/>';
                newElem += el;
            });
            $("#res").html(newElem);
        });
Avatar billede sherlock Nybegynder
05. maj 2013 - 00:36 #4
Hov...

<dato/> -> </dato>
<besked/> -> </besked>

:)
Avatar billede CipherGuy Novice
06. maj 2013 - 10:48 #5
Det kan jeg umiddelbart ikke få til at virke..
Det eneste jeg har er jo bare en <section> med masser af tekst, hvor jeg skal ligge en div'er rundt om datoerne og div'er rundt om brødteksterne.
Avatar billede CipherGuy Novice
06. maj 2013 - 13:00 #6
Sådan, så fik jeg det til at virke!
Tusinde tak for hjælpen Sherlock :)
Avatar billede sherlock Nybegynder
06. maj 2013 - 15:01 #7
:) Mægtigt..
Tag bare pointene tilbage..
Avatar billede CipherGuy Novice
06. maj 2013 - 15:27 #8
Jeg ved ikke engang hvordan jeg giver dig dem?
Avatar billede sherlock Nybegynder
06. maj 2013 - 18:22 #9
Jeg er ikke sikker på, hvordan det ser ud, har ikke prøvet det selv, men Svar (i modsætning til kommentarer), kan du Acceptere.

Du kan f.eks. bare acceptere dit eget svar, øverst i tråden. Så er tråden lukket korrekt og alle er glade :)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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