jquery 如何让td.td-icon 之间所有的td都增加class="td-icon"

<table class="table table-bordered week-1">
	<tbody>
		<tr>
			<td>08:30</td>
			<td>08:30</td>
			<td>09:00</td>
			<td>09:30</td>
			<td>10:00</td>
			<td>10:30</td>
		</tr>
		<tr>
			<td class="td-active">11:00</td>
			<td class="td-active">11:30</td>
			<td class="td-active">12:00</td>
			<td class="td-active">12:30</td>
			<td class="td-active">13:00</td>
			<td class="td-active">13:30</td>
		</tr>
		<tr>
			<td class="td-active">14:00</td>
			<td class="td-active">14:30</td>
			<td class="td-active">15:00</td>
			<td class="td-active">15:30</td>
			<td class="td-active">16:00</td>
			<td class="td-active">16:30</td>
		</tr>
		<tr>
			<td class="td-active">17:00</td>
			<td class="td-active">17:30</td>
			<td class="td-active">18:00</td>
			<td class="td-active">18:30</td>
			<td class="td-active">19:00</td>
			<td class="td-active">19:30</td>
		</tr>
		<tr>
			<td class="td-active">20:00</td>
			<td class="td-active">20:30</td>
			<td class="td-active">21:00</td>
			<td class="td-active">21:30</td>
			<td class="td-active">22:00</td>
			<td class="td-active">22:30</td>
		</tr>
		<tr>
			<td>23:00</td>
			<td>23:30</td>
		</tr>
	</tbody>
	<tfoot>
		<tr></tr>
	</tfoot>
</table>
 		/**
 		 * 点击 td.td-active 事件
 		 */
 		$( '.td-active' )
 			.click( function ()
 			{
				//  获取 .td-icon 个数
				var tdiconLength = $( "td.td-icon" ).length;
				//宝贝起约时间最少 1 小时
				if(tdiconLength >2){
	 				//  点击 添加/移除 .td-icon
	 				$( this )
	 					.toggleClass( 'td-icon' );
				}else{
					$( this )
	 					.addClass( 'td-icon' );
				}
 	} );


madnesslin
浏览 2156回答 1
1回答

这是一首

什么意思。$('#id').siblings()   当前元素所有的兄弟节点$('#id').prev()       当前元素前一个兄弟节点$('#id').prevaAll()   当前元素之前所有的兄弟节点$('#id').next()       当前元素之后第一个兄弟节点$('#id').nextAll()    当前元素之后所有的兄弟节点是要找这个么
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery