Forum PHP.pl > [jQuery] Jak mienić <div> na <p>

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] Jak mienić <div> na <p>

Forum PHP.pl > Forum > Po stronie przeglądarki

pgrzelka

11.06.2010, 10:13:07

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();

nospor

11.06.2010, 10:26:26

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/

pgrzelka

11.06.2010, 10:36:35

tworzę coś w stylu tinymce czyli edytor wysiwig, i przy takim rozwiązaniu edytor "gubi" zaznaczony tekst

by_ikar

11.06.2010, 10:59:07

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.