Javascript cingSo您想先添加三个li元素，然后在悬停li上添加按钮，当我悬停li元素时，该元素的按钮显示li元素的数量无关紧要 <ul id="list"> </ul> Name: <input type="text" id='

---

cingSo您想先添加三个

li

元素，然后在悬停

li

上添加按钮，当我悬停li元素时，该元素的按钮显示li元素的数量无关紧要

<ul id="list">
 </ul>

Name: <input type="text" id='name'/><br/>
Surname: <input type="text" id='surname'/><br/>
<button id="submit">Submit</button>

$('#submit').click(function(){
                    if($('#name').val()!="" && $('#surname').val()!="") {
                    $('#list').append("<li>" + "Name: " + $('#name').val() + " <br/>Surname: " + $('#surname').val() + "</li>");

                    $('#name').val("");
                    $('#surname').val("");

                }
            });

 $("ul").find("li").hover(
          function() {
          $('li').append('<button id="but1">Button1</button>' 
          + '<button id="but2">Button1</button>');}, 
           function(){
                $('#but1').remove();
                $('#but2').remove();
      });

$('#list').each(function(){
                    console.log($(this));
                        $(this).hover(
                          function() {
                            $(this).append('<button id="but1">Button1</button>' + '<button id="but2">Button1</button>');
                          }, 
                          function(){
                            $('#but1').remove();
                             $('#but2').remove();
                          }

                          );


                    });

$('#list li').each(function() { ... });

$("#list li").hover(
    function() {
        $(this).append('<button id="but1">Button1</button>' +
            '<button id="but2">Button1</button>');
    },
    function() {
        $('#but1').remove();
        $('#but2').remove();
    });

#list li button{display:none;}
#list li:hover button{display:block;}

$('#list').on("mouseenter", "li", function() {
        $(this).append('<button>Button1</button>' 
                    + '<button>Button2</button>');
});
$('#list').on("mouseleave", "li", function() {
        $(this).find('button').remove();
});