点击按钮，向下添加目录。Java script+jQuery写法
以下是一个简单的示例，展示了如何使用JavaScript和jQuery来在用户点击按钮后向下添加一个新目录。
HTML部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>添加目录示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="directories">
<div class="directory">目录1</div>
</div>
<button id="addDirectoryBtn">添加目录</button>
<script>
$(document).ready(function() {
$('#addDirectoryBtn').click(function() {
var directoryCount = $('#directories .directory').length;
var newDirectoryName = '目录' + (directoryCount + 1);
$('#directories').append('<div class="directory">' + newDirectoryName + '</div>');
});
});
</script>
</body>
</html>在这个示例中，我们定义了一个容器#directories来存放所有的目录，并且有一个按钮#addDirectoryBtn用于触发添加新目录的操作。当按钮被点击时，jQuery会获取当前已有目录的数量，并基于此创建一个新的目录名称，然后将这个新目录作为一个新的<div>元素添加到#directories容器中。
评论已关闭