使用jquery进行dom结构移动

发布于 2024-11-27 10:53:36 字数 853 浏览 0 评论 0原文

我正在创建一个 jquery 脚本，其中如果单击某个链接元素，则以下 div 的 css 会发生变化。我的问题是，下一个元素位于“父 dom 树”中，我不知道如何选择它。

如果你看看我下面的 html 示例，你就会知道什么意思..;)

<div class="box">
                        <div class="rentenBox"><a href="#" title="Info"><span class="hide">Info</span></a></div>
                        <div class="obereZeile"></div>
                        <div class="untereZeile"></div> 

</div> <!-- .box -->
<div class="blueButtonInfo"></div>

因此，如果用户单击 .rentenBox a，.blueButtonInfo 的 css 应该改变。

到目前为止，这是我的 jQuery：

$('.rentenBox a').click(function(event) {
                event.preventDefault();
                $(this).next('.blueButtonInfo').css('display', 'none');

            })

感谢每一个帮助。谢谢！ :)

原文

I am creating a jquery script in which if a certain link element is clicked, the css of a following div changes. My problem is, that the next element is in a "parent dom tree" and I don't know how to select it.

If you take a look at my following html example you will know what mean.. ;)

<div class="box">
                        <div class="rentenBox"><a href="#" title="Info"><span class="hide">Info</span></a></div>
                        <div class="obereZeile"></div>
                        <div class="untereZeile"></div> 

</div> <!-- .box -->
<div class="blueButtonInfo"></div>

So, if the user clicks on .rentenBox a, the css of .blueButtonInfo should change.

Here is my jQuery so far:

$('.rentenBox a').click(function(event) {
                event.preventDefault();
                $(this).next('.blueButtonInfo').css('display', 'none');

            })

I appreciate every help. Thx! :)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

情丝乱 2024-12-04 10:53:36

blueButtonInfo div 位于 box 旁边，因此您必须向上移动 2 个元素，然后调用 next

$(this).parent().parent().next('.blueButtonInfo').css('display', 'none');

//or

$(this).parents('.box').next('.blueButtonInfo').css('display', 'none');

The blueButtonInfo div is next to the box so you must go up 2 elements and then call next

$(this).parent().parent().next('.blueButtonInfo').css('display', 'none');

//or

$(this).parents('.box').next('.blueButtonInfo').css('display', 'none');

回复收藏 0 原文

孤独患者 2024-12-04 10:53:36

$(this).parent().next().css('display', 'none');

或

$(this).parent().siblings('.blueButtonInfo').css('display', 'none');

如果您定位的 div 始终位于当前 div 的父级之后，则第一个将起作用。如果 div 的类是 blueButtonInfo，则第二个方法始终有效。

$(this).parent().next().css('display', 'none');

$(this).parent().siblings('.blueButtonInfo').css('display', 'none');

The first one will work if the div you are targeting is always after the current div's parent. The second one will always work if the div's class is blueButtonInfo.

回复收藏 0 原文

~没有更多了~