首頁(yè) 猿問本人新手。問個(gè)jquery...

本人新手。問個(gè)jquery click的問題。多謝

JavaScript

紫衣仙女 2018-10-23 09:08:52

用 jquery addClass與removeClass但第一個(gè)li想保持點(diǎn)擊后的效果不會(huì)寫了。請(qǐng)教下各位大神。我的代碼如下html <div id="con_vdjs_1" style="display: block;"> <ul id="tab2"> <li class="123">·<a href="url" title="title" onclick="playvideo('xxx', 'xxx')" >xxxxxxxx</a></li> </ul>JQ<script type="text/javascript">$(document).ready(function() { $("#tab2 a").click(function() { $(this).siblings('a').removeClass('cur'); // 刪除其他兄弟元素的樣式 $(this).addClass('cur'); // 添加當(dāng)前元素的樣式 });</script>想給a加個(gè)class 默認(rèn)第一個(gè)是點(diǎn)擊后的效果。點(diǎn)擊第二個(gè)li 第一個(gè)li的class的去除。

查看完整描述

1 回答

GCT1015

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超4個(gè)贊

HTML:

<div id="con_vdjs_1" style="display: block;">
  <ul id="tab2">
    
    <li class="123"><a href="#" title="title">xxxxxxxx</a></li>
    <li class="123"><a href="#" title="title">xxxxxxxx</a></li>
    <li class="123"><a href="#" title="title">xxxxxxxx</a></li>

  </ul>

CSS:

// 被選中的元素高亮.cur a{ 
  color:red;
}

JS:

$(document).ready(function() {  // 在父元素上 對(duì)元素 a 進(jìn)行事件代理，即當(dāng)元素a被點(diǎn)擊時(shí)，事件冒泡到父元素，執(zhí)行如下方法
  $("#tab2").on("click", "a", function() {
    $(this).parent().siblings('li').removeClass('cur'); // 去除其他的高亮 class 
    $(this).parent().addClass('cur'); // 添加當(dāng)前元素的樣式
  })
});

反對(duì) 回復(fù) 2018-11-01