Question

如果我有：

<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（）没有成功

这是为了让我正在努力提高效率

感谢您的帮助

Answer 1

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

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

Answer 2

在不知道你的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>

Answer 3

next()应该可以正常工作 - 这些行中的'dt'的点击处理程序应该可以解决问题：

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

jQuery select元素紧挨着另一个

3 个答案: