04. maj 2013 - 12:15Der 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>
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.
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
$(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); });
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.
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 :)
Synes godt om
Ny brugerNybegynder
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.