Question

我有几个标题和一个包含与每个标题相关的内容的div。当页面加载时，我在每个标题标题中添加加图像。我也用他们的内容隐藏div。当用户点击标题时，我希望（1）将加号图像更改为负图像，（2）显示div及其内容。

$(function () {
    $("h6.blue").append(" <img src='../../Content/images/Effects/plus.gif' />");
    $("h6.blue+div").hide();
    //
    $("h6.blue").click(function (event) {
        if (this == event.target) {
         //Add code here...   
        }
    });
});

从 $（“h6.blue”）上面写 $（“h6.blue + div”）更容易。但是如果有一个这个关键词，我该怎么做？我可以像下面的代码那样做吗？

if (this == event.target) {
        $(this + "div")...   
}

事实上，我想选择div，它是这个中包含的 h6.blue 的直接兄弟。

修改

以下是Html代码

<h6 class = "blue">My fisrt Title</h6>
<div>
     Content here...
</div>
<h6 class = "">My second Title</h6>
<div>
   Content here...
</div>
 And so on...

感谢您的帮助

Answer 1

你试过......

$(this).next("div")

Answer 2

$(this).next('div');

根据您要选择的确切内容，使用其中一个兄弟遍历函数，例如：

适合我。 http://jsfiddle.net/mattball/5JffG/

JQuery：如何基于它们与这个关键字所代表的元素的关系来选择其他元素？

2 个答案: