html - 选择包含特定 id 的上一个 div

Question

我正在使用 joomla，我有如下 html

<div id="ja-footerwrap">
    <div class="moduletable">
        <div id="bottom-slider">
            <!--some contents-->
        </div>
    </div>
    <div class="moduletable">
        <div id="bottom-slider">
            <!--some contents-->
        </div>
    </div>
    <div class="moduletable">

            <!--some contents-->

    </div>
<!--and other divs with classes moduletable------>
</div>

我必须选择 moduletable 并且必须将 display: inline-block; 仅应用于包含 bottom-slider id 的那个 div。我该怎么做？

Answer 1

首先，您不能拥有多个具有相同 ID 的 DOM 对象，那么第一件事就是更改标记并将 id="bottom-slider" 转换为 class="bottom- slider ”

然后您可以使用 jQuery 更改带有类 moduletable 和 bottom-slider childrens 的父 div:

$('.bottom-slider').parent('.moduletable').css({'display':'inline-block'});

这里是 fiddle :http://jsfiddle.net/9tvcf/

希望对你有帮助