Question

我有两个div。一个是按钮，另一个是文本框。我想点击按钮并触发文本框以显示自己。我只需要找出jquery。我知道这很简单，但对我来说这是新的。到目前为止，这是我的标记。

HTML

<div class="title">
Piece 1
    </div>

<div class="description">
This is my text.
    </div>

CSS

.title.clicked { background-color:#991B1E; }
.description { display:none; }

JS

$(document).ready(function() {
    $(this).on('click', function () {
        $(this).addClass('title');
    });
});

Answer 1

如果div.description紧跟div.title后，请使用next()：

$(document).ready(function() {
    $('div.title').on('click', function () {
        $(this).addClass('clicked')
               .next('.description').show();
    });
});

Demo

JQuery将click事件添加到类+更改事件处理程序的css

1 个答案: