Jquery I';I’我正努力让孩子们上班

Jquery I';I’我正努力让孩子们上班,jquery,html,class,children,Jquery,Html,Class,Children,我有一堆与选择打开工具提示和下拉菜单的类相同的项目。它可以处理单个项,但为了使每个项都可以处理其特定的子项,我使用了.children()。它似乎在某些地方起作用,但在其他地方不起作用。我已经缩小了不起作用的范围,但不知道为什么。。。请帮忙 HTML: 我没有包括CSS,因为我不确定它到底是什么问题。我想这是我的jQuery,但我真的不知道。非常感谢您的帮助。所以我对您的JavaScript有点困惑。例如,div.topIconNew没有子项,因此我不确定为什么您的$(this).childre

我有一堆与选择打开工具提示和下拉菜单的类相同的项目。它可以处理单个项,但为了使每个项都可以处理其特定的子项,我使用了.children()。它似乎在某些地方起作用,但在其他地方不起作用。我已经缩小了不起作用的范围,但不知道为什么。。。请帮忙

HTML:


我没有包括CSS,因为我不确定它到底是什么问题。我想这是我的jQuery,但我真的不知道。非常感谢您的帮助。

所以我对您的JavaScript有点困惑。例如,
div.topIconNew
没有子项,因此我不确定为什么您的
$(this).children(“div.topic”).show()应该工作吗?也许您想使用
$(this).sides(“div.topTip”).show()

以下是适用于您的JavaScript:

$("div.topIconNew").click(function(){
    $(this).parent("div.topIcon, div#topSend, div#topTool")
           .css("background-color","#555555");

    $(this).siblings("div.topTip")
           .show()
           .animate({width:320,marginLeft:-240},"fast");

    $(this).siblings("div.topDrop").slideDown(240);

    clicked = true;
});

所以我对你的JavaScript有点困惑。例如,
div.topIconNew
没有子项,因此我不确定为什么您的
$(this).children(“div.topic”).show()应该工作吗?也许您想使用
$(this).sides(“div.topTip”).show()

以下是适用于您的JavaScript:

$("div.topIconNew").click(function(){
    $(this).parent("div.topIcon, div#topSend, div#topTool")
           .css("background-color","#555555");

    $(this).siblings("div.topTip")
           .show()
           .animate({width:320,marginLeft:-240},"fast");

    $(this).siblings("div.topDrop").slideDown(240);

    clicked = true;
});

topTip
不是
TopiConnect
的子代或任何后代。它是一个兄弟姐妹。所以你想用


topTip
不是
TopiConnect
的子代或任何后代。它是一个兄弟姐妹。所以你想用

这些线

<div class="topIconNew"></div>
<div class="topTip">
    <div class="topTipText">Stream</div>
</div>
<div class="topDrop">Hello</div>

流动
你好
应该是

<div class="topIconNew">
    <div class="topTip">
        <div class="topTipText">Stream</div>
    </div>
    <div class="topDrop">Hello</div>
</div>

流动
你好
这些行

<div class="topIconNew"></div>
<div class="topTip">
    <div class="topTipText">Stream</div>
</div>
<div class="topDrop">Hello</div>

流动
你好
应该是

<div class="topIconNew">
    <div class="topTip">
        <div class="topTipText">Stream</div>
    </div>
    <div class="topDrop">Hello</div>
</div>

流动
你好

+1“我正努力让.children()工作。”这是一个很棒的标题。嘿,童工法的存在是有原因的。你应该开始回答问题,并用额外的方式投票选出你找到的任何有用的答案和问题(请参阅)。您每天有权投票选出大约30个答案或问题(请参阅)。投票有助于其他人在stackoverflow上找到最有趣的信息。这与“我正努力让.children()工作”这一令人敬畏的标题的.1重复。嘿,童工法的存在是有原因的。你应该开始寻找答案,并使用另外的方法投票选出你找到的任何有用的答案和问题(请参阅)。您每天有权投票选出大约30个答案或问题(请参阅)。投票帮助其他人找到stackoverflow上最有趣的信息。这是重复的。啊哈!我觉得自己很愚蠢。我很感激你的评论,因为我希望就是这样。他们是兄弟姐妹,不是孩子。但是为什么我有了。children()。show()?奇怪的我会和兄弟姐妹一起尝试,希望能奏效。我不敢相信我错过了。。。特别是考虑到我盯着这该死的代码看了多久。而且它是有效的!虽然我仍然需要找出最好的方法,当我点击外面的时候,让该死的下拉菜单消失。。。但至少我朝着正确的方向迈出了一步。非常感谢。也许再检查一下你的收尾标签?可能是因为您在某个地方错误地嵌套了一些HTML?只是在这一点上猜测为什么它会间歇性地工作没有问题,我很高兴它能帮上忙哈哈!我觉得自己很愚蠢。我很感激你的评论,因为我希望就是这样。他们是兄弟姐妹,不是孩子。但是为什么我有了。children()。show()?奇怪的我会和兄弟姐妹一起尝试,希望能奏效。我不敢相信我错过了。。。特别是考虑到我盯着这该死的代码看了多久。而且它是有效的!虽然我仍然需要找出最好的方法,当我点击外面的时候,让该死的下拉菜单消失。。。但至少我朝着正确的方向迈出了一步。非常感谢。也许再检查一下你的收尾标签?可能是因为您在某个地方错误地嵌套了一些HTML?在这一点上,我只是猜测为什么它会间歇性地工作。没问题,我很高兴它能帮上忙