function displayingListAdultChild(nameSelect){
if(nameSelect){
firstroom = document.getElementById("firstroom").value;
secondroom = document.getElementById("secondroom").value;
thirdroom = document.getElementById("thirdroom").value;
fourthroom = document.getElementById("fourthroom").value;
if(firstroom == nameSelect.value){
document.getElementById("displayingFourthAdultChild").style.display = "none";
document.getElementById("displayingThirdAdultChild").style.display = "none";
document.getElementById("displayingSecondAdultChild").style.display = "none";
document.getElementById("displayingFirstAdultChild").style.display = "block";
}
else if(secondroom == nameSelect.value){
document.getElementById("displayingFourthAdultChild").style.display = "none";
document.getElementById("displayingThirdAdultChild").style.display = "none";
document.getElementById("displayingSecondAdultChild").style.display = "block";
}else if(thirdroom == nameSelect.value){
document.getElementById("displayingFourthAdultChild").style.display = "none";
document.getElementById("displayingSecondAdultChild").style.display = "block";
document.getElementById("displayingThirdAdultChild").style.display = "block";
}else if(fourthroom == nameSelect.value){
document.getElementById("displayingSecondAdultChild").style.display = "block";
document.getElementById("displayingThirdAdultChild").style.display = "block";
document.getElementById("displayingFourthAdultChild").style.display = "block";
}
}
}
/*here selecting child field*/
function displayingNumberOfChildAge(nameSelect){
// body...
if(nameSelect){
first_child_col = document.getElementById("first_child_col").value;
second_child_col = document.getElementById("second_child_col").value;
second_child_col = document.getElementById("second_child_col").value;
if(first_child_col == nameSelect.value){
document.getElementById("displaying_second_child_age").style.display = "none";
document.getElementById("displaying_first_child_age").style.display = "block";
}
else if(second_child_col == nameSelect.value){
document.getElementById("displaying_first_child_age").style.display = "block";
document.getElementById("displaying_second_child_age").style.display = "block";
}else {
document.getElementById("displaying_first_child_age").style.display = "none";
document.getElementById("displaying_second_child_age").style.display = "none";
}
}
}
function displayingNumberOfChildAgeSecondRoom(nameSelect){
// body...
if(nameSelect){
sec_room_first_child_col = document.getElementById("sec_room_first_child_col").value;
sec_room_second_child_col = document.getElementById("sec_room_second_child_col").value;
if(first_child_col == nameSelect.value){
document.getElementById("displaying_second_child_age_second_room").style.display = "none";
document.getElementById("displaying_first_child_age_second_room").style.display = "block";
}
else if(second_child_col == nameSelect.value){
document.getElementById("displaying_second_child_age_second_room").style.display = "block";
}else {
document.getElementById("displaying_first_child_age_second_room").style.display = "none";
document.getElementById("displaying_second_child_age_second_room").style.display = "none";
}
}
}
function displayingNumberOfChildAgeThirdRoom(nameSelect){
// body...
if(nameSelect){
third_room_first_child_col = document.getElementById("third_room_first_child_col").value;
third_room_second_child_col = document.getElementById("third_room_second_child_col").value;
if(first_child_col == nameSelect.value){
document.getElementById("displaying_second_child_age_third_room").style.display = "none";
document.getElementById("displaying_first_child_age_third_room").style.display = "block";
}
else if(second_child_col == nameSelect.value){
document.getElementById("displaying_second_child_age_third_room").style.display = "block";
}else {
document.getElementById("displaying_first_child_age_third_room").style.display = "none";
document.getElementById("displaying_second_child_age_third_room").style.display = "none";
}
}
}
function displayingNumberOfChildAgeFourthRoom(nameSelect){
// body...
if(nameSelect){
fourth_room_first_child_col = document.getElementById("fourth_room_first_child_col").value;
fourth_room_second_child_col = document.getElementById("fourth_room_second_child_col").value;
if(fourth_room_first_child_col == nameSelect.value){
document.getElementById("displaying_second_child_age_fourth_room").style.display = "none";
document.getElementById("displaying_first_child_age_fourth_room").style.display = "block";
}
else if(fourth_room_second_child_col == nameSelect.value){
document.getElementById("displaying_second_child_age_fourth_room").style.display = "block";
}else {
document.getElementById("displaying_first_child_age_fourth_room").style.display = "none";
document.getElementById("displaying_second_child_age_fourth_room").style.display = "none";
}
}
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div class="row">
<div class="form-group">
<div class="col-sm-1">
<label>Rooms</label>
<select id="rooms" onchange="displayingListAdultChild(this);" class="form-control">
<option id="empty">Select</option>
<option id="firstroom" value="1">1</option>
<option id="secondroom" value="2">2</option>
<option id="thirdroom" value="3">3</option>
<option id="fourthroom" value="4">4</option>
<option id="fifthroom" value="5">5</option>
<option id="sixthroom" value="6">6</option>
</select>
</div>
</div>
</div>
<div class="row">
<div id="displayingFirstAdultChild" style="display:none;">
<div class="form-group">
<div class="col-xs-1">
<h6 class="#">Adults(12+)</h6>
<select id="adult_first" name="Room0_Adult" class="form-control">
<option value='1'>1</option>
<option selected='selected' value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(0-12)</h6>
<select id="selected_child" name="selected_child" onchange="displayingNumberOfChildAge(this);" class="form-control">
<option>select</option>
<option id="first_child_col" value='1'>1</option>
<option id="second_child_col" value='2'>2</option>
</select>
</div>
</div>
<div class="#" id="displaying_first_child_age" style="display: none;">
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(1)Age</h6>
<select class="form-control" id="first_child_age" name="first_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
<div class="#" id="displaying_second_child_age" style="display: none;">
<div class="form-group col-xs-1">
<h6 class="m_label">Child(2)Age</h6>
<select class="form-control" id="second_child_age" name="second_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div id="displayingSecondAdultChild" style="display:none;">
<div class="form-group">
<div class="col-xs-1">
<h6 class="#">Adults(12+)</h6>
<select id="adult_first" name="Room0_Adult" class="form-control">
<option value='1'>1</option>
<option selected='selected' value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(0-12)</h6>
<select id="selected_child" name="selected_child" onchange="displayingNumberOfChildAgeSecondRoom(this);" class="form-control">
<option>select</option>
<option id="sec_room_first_child_col" value='1'>1</option>
<option id="sec_room_second_child_col" value='2'>2</option>
</select>
</div>
</div>
<div class="#" id="displaying_first_child_age_second_room" style="display: none;">
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(1)Age</h6>
<select class="form-control" id="first_child_age" name="first_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
<div class="#" id="displaying_second_child_age_second_room" style="display: none;">
<div class="form-group col-xs-1">
<h6 class="m_label">Child(2)Age</h6>
<select class="form-control" id="second_child_age" name="second_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div id="displayingThirdAdultChild" style="display:none;">
<label>Third Room</label>
<div class="form-group">
<div class="col-xs-1">
<h6 class="#">Adults(12+)</h6>
<select id="adult_first" name="Room0_Adult" class="form-control">
<option value='1'>1</option>
<option selected='selected' value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(0-12)</h6>
<select id="selected_child" name="selected_child" onchange="displayingNumberOfChildAgeThirdRoom(this);" class="form-control">
<option>select</option>
<option id="third_room_first_child_col" value='1'>1</option>
<option id="third_room_second_child_col" value='2'>2</option>
</select>
</div>
</div>
<div class="#" id="displaying_first_child_age_third_room" style="display: none;">
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(1)Age</h6>
<select class="form-control" id="first_child_age" name="first_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
<div class="#" id="displaying_second_child_age_third_room" style="display: none;">
<div class="form-group col-xs-1">
<h6 class="m_label">Child(2)Age</h6>
<select class="form-control" id="second_child_age" name="second_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div id="displayingFourthAdultChild" style="display:none;">
<label>Fourth Room</label>
<div class="form-group">
<div class="col-xs-1">
<h6 class="#">Adults(12+)</h6>
<select id="adult_first" name="Room0_Adult" class="form-control">
<option value='1'>1</option>
<option selected='selected' value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(0-12)</h6>
<select id="selected_child" name="selected_child" onchange="displayingNumberOfChildAgeFourthRoom(this);" class="form-control">
<option>select</option>
<option id="fourth_room_first_child_col" value='1'>1</option>
<option id="fourth_room_second_child_col" value='2'>2</option>
</select>
</div>
</div>
<div class="#" id="displaying_first_child_age_fourth_room" style="display: none;">
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(1)Age</h6>
<select class="form-control" id="first_child_age" name="first_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
<div class="#" id="displaying_second_child_age_fourth_room" style="display: none;">
<div class="form-group col-xs-1">
<h6 class="m_label">Child(2)Age</h6>
<select class="form-control" id="second_child_age" name="second_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
</div>
</div>
</div>
它的客房服务选项。根据要求,房间可见。当我点击第一个房间,所以成功收到结果。但是当试图通过选择选择器字段来获得所有空间时,它不能正常工作。在选项内部还有子选项也可用于选择孩子。当试图立即点击子框第二时它也没有第一次出现
您提到您从其他人那里采用了此代码。如果你想将它更新为jQuery,你将做出很多改变。如果你不想,你不必。
函数背后的想法是做一些经常重复的事情。因此,最好编写一个可以处理4个部分的函数,而不是为每个部分编写一个唯一的函数;除非,每个功能都有不同之处。
通过对HTML的一些细微更改,您可以更好地利用class
属性,并使您的代码更加小巧,易于使用。
这是一个例子。
function displayingListAdultChild(nameSelect) {
if (nameSelect) {
$(".display-selection").hide();
for (var i = 0; i < nameSelect.value; i++) {
$(".display-selection").eq(i).show();
}
}
}
function displayingNumberOfChildAge(nameSelect) {
if (nameSelect) {
if (nameSelect.value == 1) {
$(nameSelect).closest(".display-selection").find(".child-1").show();
$(nameSelect).closest(".display-selection").find(".child-2").hide();
} else if (nameSelect.value == 2) {
$(nameSelect).closest(".display-selection").find(".child-1").show();
$(nameSelect).closest(".display-selection").find(".child-2").show();
} else {
$(nameSelect).closest(".display-selection").find(".child-1").hide();
$(nameSelect).closest(".display-selection").find(".child-2").hide();
}
}
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div class="row">
<div class="form-group">
<div class="col-sm-1">
<label>Rooms</label>
<select id="rooms" onchange="displayingListAdultChild(this);" class="form-control">
<option id="empty">Select</option>
<option id="firstroom" value="1">1</option>
<option id="secondroom" value="2">2</option>
<option id="thirdroom" value="3">3</option>
<option id="fourthroom" value="4">4</option>
<option id="fifthroom" value="5">5</option>
<option id="sixthroom" value="6">6</option>
</select>
</div>
</div>
</div>
<div class="row">
<div id="displayingFirstAdultChild" style="display:none;" class="display-selection">
<div class="form-group">
<div class="col-xs-1">
<h6 class="#">Adults(12+)</h6>
<select id="adult_first" name="Room0_Adult" class="form-control">
<option value='1'>1</option>
<option selected='selected' value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(0-12)</h6>
<select id="selected_child" name="selected_child" onchange="displayingNumberOfChildAge(this);" class="form-control">
<option>select</option>
<option id="first_child_col" value='1'>1</option>
<option id="second_child_col" value='2'>2</option>
</select>
</div>
</div>
<div class="# child-1" id="displaying_first_child_age" style="display: none;">
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(1)Age</h6>
<select class="form-control" id="first_child_age" name="first_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
</div>
<div class="# child-2" id="displaying_second_child_age" style="display: none;">
<div class="form-group col-xs-1">
<h6 class="m_label">Child(2)Age</h6>
<select class="form-control" id="second_child_age" name="second_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
</div>
</div>
<div class="row">
<div id="displayingSecondAdultChild" style="display:none;" class="display-selection">
<div class="form-group">
<div class="col-xs-1">
<h6 class="#">Adults(12+)</h6>
<select id="adult_first" name="Room0_Adult" class="form-control">
<option value='1'>1</option>
<option selected='selected' value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(0-12)</h6>
<select id="selected_child" name="selected_child" onchange="displayingNumberOfChildAge(this);" class="form-control">
<option>select</option>
<option id="sec_room_first_child_col" value='1'>1</option>
<option id="sec_room_second_child_col" value='2'>2</option>
</select>
</div>
</div>
<div class="# child-1" id="displaying_first_child_age_second_room" style="display: none;">
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(1)Age</h6>
<select class="form-control" id="first_child_age" name="first_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
<div class="# child-2" id="displaying_second_child_age_second_room" style="display: none;">
<div class="form-group col-xs-1">
<h6 class="m_label">Child(2)Age</h6>
<select class="form-control" id="second_child_age" name="second_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div id="displayingThirdAdultChild" style="display:none;" class="display-selection">
<label>Third Room</label>
<div class="form-group">
<div class="col-xs-1">
<h6 class="#">Adults(12+)</h6>
<select id="adult_first" name="Room0_Adult" class="form-control">
<option value='1'>1</option>
<option selected='selected' value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(0-12)</h6>
<select id="selected_child" name="selected_child" onchange="displayingNumberOfChildAge(this);" class="form-control">
<option>select</option>
<option id="third_room_first_child_col" value='1'>1</option>
<option id="third_room_second_child_col" value='2'>2</option>
</select>
</div>
</div>
<div class="# child-1" id="displaying_first_child_age_third_room" style="display: none;">
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(1)Age</h6>
<select class="form-control" id="first_child_age" name="first_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
<div class="# child-2" id="displaying_second_child_age_third_room" style="display: none;">
<div class="form-group col-xs-1">
<h6 class="m_label">Child(2)Age</h6>
<select class="form-control" id="second_child_age" name="second_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div id="displayingFourthAdultChild" style="display:none;" class="display-selection">
<label>Fourth Room</label>
<div class="form-group">
<div class="col-xs-1">
<h6 class="#">Adults(12+)</h6>
<select id="adult_first" name="Room0_Adult" class="form-control">
<option value='1'>1</option>
<option selected='selected' value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(0-12)</h6>
<select id="selected_child" name="selected_child" onchange="displayingNumberOfChildAge(this);" class="form-control">
<option>select</option>
<option id="fourth_room_first_child_col" value='1'>1</option>
<option id="fourth_room_second_child_col" value='2'>2</option>
</select>
</div>
</div>
<div class="# child-1" id="displaying_first_child_age_fourth_room" style="display: none;">
<div class="form-group">
<div class="col-xs-1">
<h6 class="m_label">Child(1)Age</h6>
<select class="form-control" id="first_child_age" name="first_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
<div class="# child-2" id="displaying_second_child_age_fourth_room" style="display: none;">
<div class="form-group col-xs-1">
<h6 class="m_label">Child(2)Age</h6>
<select class="form-control" id="second_child_age" name="second_child_age">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>
</div>
</div>
</div>
</div>
</div>
不是通过它的ID来调用每个项目,而是可以使用类选择,从而以组或更一般的方式调用事物。这允许从许多部分(或房间)使用1个功能。
如果这根本没有意义,我会回去阅读或浏览一些基本的jQuery教程。利用jQuery框架可以为您提供很多帮助。