Tani hosting

jQuery usuwanie elementów
Lindsey Offline
Lindsey Stirling

Liczba postów: 62
Reputacja: 2
Post: #1
jQuery usuwanie elementów 26-02-2016 19:38
Cześć 

Chcę osiągnąć taki efekt mam diva 

Kod:
<div class="rodzic">
    <div class="dziecko">Dziecko1</div>
    <div class="dziecko">Dziecko 2</div>
</div>

I jak zrobić aby w divie rodzić jeśli jest więcej niż 1 dziecko to ma usunąć pozostałe. 

Zawsze ma być tylko jedno dziecko w divie.

Jakieś pomysły ? Smile
Cytuj
Diabeł Online
Użyszkodnik


Liczba postów: 777
Reputacja: 666
math90 Offline
TenTego Premium

Liczba postów: 90
Reputacja: -1
Post: #2
RE: jQuery usuwanie elementów 29-02-2016 14:30
Pokombinuj z tym

Kod:
<head>

<script> 
$(function(){  
    $('p').remove();  
    $('li').mouseover(function(){  
        $(this).remove();  
    });  
});  </script>
 </head>  
<body> 
    <ul>  
        <li>lorem</li>  
        <li>ipsum</li>  
        ...  
    </ul>  
    <p>  
        Lorem ipsum...  
    </p>  
    ...  
</body>
 
(zapewne dzieci są dodawane dynamicznie?)

Jeszcze może to Cię coś naprowadzi: http://api.jquery.com/closest/
(Ten post był ostatnio modyfikowany: 29-02-2016 14:32 przez math90.)
WWW Cytuj
Anszlus Offline
Użytkownik

Liczba postów: 5
Reputacja: 2
Post: #3
RE: jQuery usuwanie elementów 29-02-2016 17:22
Nie wiem czy dobrze, ale działa Tongue
Kod:
$(document).ready(function() {
    while (1) {
        var elementy = $("#rodzic").children()
        if (elementy.length > 1)
            $("#rodzic div:nth-child(2)").remove();
        else break;
    }
});
Cytuj
Lindsey Offline
Lindsey Stirling

Liczba postów: 62
Reputacja: 2
Post: #4
RE: jQuery usuwanie elementów 29-02-2016 19:59
Dzięki za pomoc, działa Tongue
Cytuj


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości