здравейте, искам да знам как мога да премахна първия елемент от моя списък

Опитах много, но нищо не се получи, нов съм в това и се уча. това е, което имам, може ли някой да ми помогне, моля?

{% разширява "base.html" %}

{% блокиране на съдържанието %}

<h1>hello, {{ user.username }}!</h1>
{% for post in posts %}
<hr>


<div> Toegang tot lijst!</div>


<input type='text' id='input' />
<input type='button' value='add to list' id='add' />
<input type='button' value='remove from list' id='verwijder'/>


<hr>

 <script type="text/javascript">
    document.getElementById("add").onclick = function() {
        var text = document.getElementById("input").value; 
        var li = document.createElement("li");
        li.textContent = text
        document.getElementById("lijst").appendChild(li);
        document.getElementById("input").value = ""; // clear the value 
    }
</script>

<center>
    <ul id='lijst' style="list-style-type:none;">
        <li> <b>Volgorde</b></li> 
    </ul>
</center>

<script type="text/javascript">
    document.getElementById("verwijder").onclick = function{
        var list = document.getElementById("lijst");   
        list.removeChild(list.firstChild);
</script>
{% endfor %}

{% endblock %}


list removechild
person jarni    schedule 11.04.2020    source източник

Отговори (2)


arrow_upward
0
arrow_downward

Може ли малко по-конкретно? Искате ли да изтриете при натискане на бутон или ?

Може би това е, което търсите: [премахнете всички ‹li› от ‹ul›?

person Melih Özcan    schedule 11.04.2020
comment
това, което искам, е когато щракна върху бутона verwijder, тогава първият елемент в списъка трябва да бъде премахнат - person jarni; 11.04.2020

arrow_upward
0
arrow_downward

Може да искате да разгледате използването на jQuery. С jQuery можете да получите списък с всички - да речем, че сте използвали следния div и клас: <div class=customItem>.

Вашето събитие с щракване върху бутон ще изглежда така:

<script type="text/javascript">
document.getElementById("verwijder").onclick = function{
    let list = $("#verwijder").find(".customItem);
    // The following statement references by index and will always get the first object in the list
    list[0].remove();
    list.removeChild(list.firstChild);
</script>

Не забравяйте да импортирате библиотеката jQuery: https://www.w3schools.com/jquery/jquery_get_started.asp

<head>
    <script src="jquery-3.5.1.min.js"></script>
</head>
person Michael Wagner    schedule 15.05.2020