0

我需要帮助清除该程序的计数器。我用过 .empty(); 清除跨度，但它根本不起作用。谢谢

该程序的工作原理： - 在列表中显示 pageX 和 pageY - 它还计算点击次数 - 使用按钮清除结果

 <script>
    $(document).ready(function () {

    // X and Y position of the cursor
   $("body").click(function(evt){ 
   $('span').html(function(i, val) { return val*1+1 });
    var xPos = evt.pageX;
    var yPos = evt.pageY;

    $("#output").append("<li>" + "X:" + xPos + ", Y: " + yPos + "</li>"); 
    }); // end of click function

    //clear list button
    $( "#btnClear" ).click(function() {
    $( "#output").empty();
      event.stopPropagation();
     }); // end clear list


    }); //end of document ready function
    </script>
</head>

<body>
   <div id="container">
   <h2>Click Away</h2>
  <hr>
    <div id="list"> Counts: <span></span></div>

    <ul id="output">
  <li ></li>
    </ul>
  <button id="btnClear">Clear List</button>
4

1 回答 1

0

尝试

jQuery(function ($) {

    var $output = $("#output"),
        $counter = $('span');

    // X and Y position of the cursor
    $("body").click(function (evt) {
        $counter.html(function (i, val) {
            return val * 1 + 1
        });
        var xPos = evt.pageX;
        var yPos = evt.pageY;

        $output.append("<li>" + "X:" + xPos + ", Y: " + yPos + "</li>");
    }); // end of click function

    //clear list button
    $("#btnClear").click(function (e) {
        $output.empty();
        $counter.empty()
        e.stopPropagation();
    }); // end clear list


}); //end of document ready function

演示：小提琴

于 2013-10-28T03:19:17.877 回答