一、原函数
$(".video-li1").click(function() {
$(".introduce1").hide();
$("#video-list1").attr("autoplay", "autoplay");
$("#video-list1")[0].play();
$(".video-li2").click(function() {
$(".introduce2").hide();
$("#video-list2").attr("autoplay", "autoplay");
$("#video-list2")[0].play();
$(".video-li3").click(function() {
$(".introduce3").hide();
$("#video-list3").attr("autoplay", "autoplay");
$("#video-list3")[0].play();
$(".video-li4").click(function() {
$(".introduce4").hide();
$("#video-list4").attr("autoplay", "autoplay");
$("#video-list4")[0].play();
$(".video-li5").click(function() {
$(".introduce5").hide();
$("#video-list5").attr("autoplay", "autoplay");
$("#video-list5")[0].play();
for (var i = 1; i < 6; i++) {
$(`.video-li${i}`).click(function() {
console.log(i);
$(`.introduce${i}`).hide();
$(`#video-list${i}`).attr("autoplay", "autoplay");
$(`#video-list${i}`)[0].play();
}
二、改成循环函数
for (var i = 1; i < 6; i++) {
$(".video-li" + i).bind("click", {
index: i
}, clickHandler);
function clickHandler(event) {
var i = event.data.index;
$(`.introduce${i}`).hide();
$(`#video-list${i}`).attr("autoplay", "autoplay");
$(`#video-list${i}`)[0].play();
}
三、参考
android 三级下拉 可手动输入 下拉框可以手动输入
在表格中的选择框如何使得用户不仅可以自己选择，还可以自己输入？话不多说。直接上html<body>
<table class="table table-bordered">
<td>#</td>
<td>1</td>
2.LeetCode5_给定一个只包括 ‘(‘，‘)‘，‘{‘，‘}‘，‘[‘，‘]‘ 的字符串，判断字符串是否有效。 有效字符串需满足： 左括号必须用相同类型的右括号闭合.左括号必须以正确的顺序闭合
3.数据库SQL实战16_sqllite创建索引、利用索引查询、创建视图、增加列、创建触发器
4.Java课堂篇9_String、StringBuilder、StringBuffer简单理解
5.剑指Offer2_单调栈_判断是否是BST的后序遍历序列
