javascript - 将 id 添加到可见元素的子元素

Question

我如何在 jQuery 中这样写:

如果 .horse 可见，则将 #cat 添加到 .dog(但仅添加到 .dog这是可见的 .horse) 的 child ？

<div id="tabs-1" class="horse" style=" margin-right: 20px; display: none;">
    <div style = "width:70%; margin: 0 auto; margin-top:-20px">
       <div class="rabbit">
           <a class="dog" href="movie.mov"></a>
       </div>
    </div>
</div>

<div id="tabs-2" class="horse" style=" margin-right: 20px; display: block;">
    <div style = "width:70%; margin: 0 auto; margin-top:-20px">
       <div class="rabbit">
           <a class="dog" href="movie.mov"></a>
       </div>
    </div>
</div>

Answer 1

使用下面的，它会起作用

$('.horse:visible .dog').attr('id','cat')