优化这段代码 var container1 = ["剧 集", "资 讯", "解 说", "推 荐", "更 新", "排行榜"] var container2 = ["英美剧", "国产剧", "韩 剧", "海外剧", "动画番剧", "综 艺"] var container3 = ["英美剧", "国产剧", "韩 剧", "海外剧", "动画番剧", "综 艺"] var tContainer = [] $("#leftUl li:not([delay='false'])").mouseover(function () { $('.containerList').attr('style', 'display:none !important;') }) function getdata() { $('.containerListCon').empty() for (var i = 0; i < 5; i++) { var tDiv = $("<div class='containerDiv'></div>") $('.containerListCon').append(tDiv) var containerData = $("<p class='containerData'></p>") tDiv.append(containerData) } } $('#leftUl li').mouseenter(function () { var index = $(this).index() if (index == 0) { $('.containerList').attr('style', 'display:block !important;') tContainer = container1 } else if (index == 1) { $('.containerList').attr('style', 'display:block !important;') tContainer = container2 } else { $('.containerList').attr('style', 'display:none !important;') } getdata() for (var i = 0; i < tContainer.length; i++) { var box = $('.containerDiv').eq(i) box.children(".containerData").text(tContainer[i]) } })
时间: 2024-04-18 17:26:05 浏览: 23
这段代码可以进行一些优化,主要是避免重复的代码和提高代码的可维护性。下面是优化后的代码:
```javascript
var container1 = ["剧 集", "资 讯", "解 说", "推 荐", "更 新", "排行榜"];
var container2 = ["英美剧", "国产剧", "韩 剧", "海外剧", "动画番剧", "综 艺"];
var container3 = ["英美剧", "国产剧", "韩 剧", "海外剧", "动画番剧", "综 艺"];
var tContainer = [];
$("#leftUl li:not([delay='false'])").mouseover(function () {
$('.containerList').css('display', 'none !important');
});
function getdata() {
$('.containerListCon').empty();
for (var i = 0; i < 5; i++) {
var tDiv = $("<div class='containerDiv'></div>");
$('.containerListCon').append(tDiv);
var containerData = $("<p class='containerData'></p>");
tDiv.append(containerData);
}
}
$('#leftUl li').mouseenter(function () {
var index = $(this).index();
if (index == 0 || index == 1) {
$('.containerList').css('display', 'block !important');
if (index == 0) {
tContainer = container1;
} else {
tContainer = container2;
}
getdata();
for (var i = 0; i < tContainer.length; i++) {
var box = $('.containerDiv').eq(i);
box.children(".containerData").text(tContainer[i]);
}
} else {
$('.containerList').css('display', 'none !important');
}
});
```
主要的优化点有:
1. 使用 `.css()` 替代 `.attr()` 设置样式。
2. 合并相同的代码逻辑,避免重复代码。
3. 使用 `if (index == 0 || index == 1)` 代替多个 `if` 条件判断。
4. 使用 `;` 结束语句,增加代码的可读性。
这样的优化可以提高代码的可维护性和可读性,减少重复代码的出现。
相关推荐
![application/msword](https://img-home.csdnimg.cn/images/20210720083327.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)