将id添加到可见元素的子级

Question

我怎么能用jQuery写这个：

如果.horse可见，请将#cat添加到.dog（但仅限于.dog，这是可见的.horse的孩子？

<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')

Answer 2

尝试，

$('.horse:visible .dog').append($('#cat'));

以上代码会将#cat追加到.dog，visible .horse 的后代

如果要将id添加到特定元素，请执行

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

Answer 3

如果您要将ID cat添加到.dog，请使用：

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

Here is an example.

Answer 4

我们可以将jQuery's :visible selector与jQuery's attr() method结合起来设置id：

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

这会为您的可见.dog元素中包含的.horse元素提供id的“cat”。