Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Jak mienić <div> na <p>
pgrzelka
post
Post #1





Grupa: Zarejestrowani
Postów: 313
Pomógł: 24
Dołączył: 9.08.2008
Skąd: Kielce

Ostrzeżenie: (0%)
-----


Witam

jak w temacie, mam taki obiekt $('#jakisId") który wygląda tak
Kod
<div id="jakisId">jakaś treść</div>


jak teraz zamienić <div> na <p> aby to wyglądało tak
Kod
<p id="jakisId">jakaś treść</p>

?

odpada rozwiązanie polegające na z replace wszystkich div na p w tekście

odpada również coś takiego
Kod
$('#jakisID').after( '<p>'+ $('jakisId').html() + '</p>');
$('#jakisID").remove();



Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 561
Pomógł: 6315
Dołączył: 27.12.2004




Cytat
odpada rozwiązanie polegające na z replace wszystkich div na p w tekście
A kto ci każe wszystkie divy zamieniac skoro ty chcesz jedno z konkretnym ID?
Czemu nie przejrzales dokumentacji jQuery()? Przeciez tam jak na dloni masz podane:
http://api.jquery.com/replaceWith/
Go to the top of the page
+Quote Post
pgrzelka
post
Post #3





Grupa: Zarejestrowani
Postów: 313
Pomógł: 24
Dołączył: 9.08.2008
Skąd: Kielce

Ostrzeżenie: (0%)
-----


tworzę coś w stylu tinymce czyli edytor wysiwig, i przy takim rozwiązaniu edytor "gubi" zaznaczony tekst
Go to the top of the page
+Quote Post
by_ikar
post
Post #4





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----


Jeżeli znasz rodzica elementu który chcesz zmienić, możesz wykorzystać np funkcję html(), ale generalnie najlepiej używać do tego repleceWith(), a tutaj demonstracja działania:

Kod
<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>

<p id="potomek">tutaj jakas tresc ktora zostanie skopiowana</p>

<button>Wyzwalacz</button>


<script>
    $("button").click(function () {
        var htmlStr = $("#potomek").html();
        $("#potomek").replaceWith("<div>div: " + htmlStr + "</div>");
    });
</script>
</body>
</html>


Zapisz sobie to jako plik html i sobie podejrzyj (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.12.2025 - 11:11