jQuery的選擇緊鄰另一

-1

<dt>Title</dt> 
<dd>Description</dd> 

<dt>Title</dt> 
<dd>Description</dd> 

<dt>Title</dt> 
<dd>Description</dd> 

<dt>Title</dt> 
<dd>Description</dd>

我怎樣才能做一個選擇，所以，當我點擊一個DT，在DD後立即（且只有DD），它被賦予一個班級名稱？我曾嘗試nextUntil（）和next（），但沒有成功

這是爲了使一些我的工作更高效

感謝所有幫助

來源

2012-12-02 Phill

'的.next（）'應如果標記就像你發佈的那樣工作就好了。請告訴我們你的代碼。 –

不知道你的js代碼的樣子，像這樣的東西可能適合你？

http://jsfiddle.net/GwpNp/

$("#wrapper").on("click", "dt", function(e){ 
    $(this).next().addClass("red"); 
}); 

<div id="wrapper"> 
    <dt>Title</dt> <dd>Description</dd> 
    <dt>Title</dt> <dd>Description</dd> 
    <dt>Title</dt> <dd>Description</dd> 
    <dt>Title</dt> <dd>Description</dd> 
</div>

來源

2012-12-02 21:57:59 anderssonola

next()應該工作正常 - 點擊處理程序「DT的沿着這些線路應該做的伎倆：

function dtClicked() { $(this).next().addClass("new-class"); }

來源

2012-12-02 22:00:56

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('dt').click(function(){ 
      $(this).next('dd').addClass('bolder'); 
     }); 
    }); 
</script> 

<style> 
    .bolder { 
     font-weight: bold; 
    } 
</style>

來源

2012-12-02 22:01:02

jQuery的選擇緊鄰另一

回答

相關問題