Question

如何向具有.active类的DIV的子项添加ID，如果在别处找到，也可以删除该ID。

我想分配ID＆＃34; target＆＃34;到班级＆＃34; template1＆＃34; （或当活动到＆＃34; template2＆＃34;）当DIV与类＆＃34; tab-pane＆＃34;有班级＆＃34;活跃＆＃34;太。当我点击另一个标签时，它应检查＆＃34; target＆＃34;在其他地方指定删除它。

这是一个小提琴：https://jsfiddle.net/7c8aek90/

HTML

<div id="Tabbie">
  <ul class="nav nav-tabs" id="styleTab">
    <li class="active">
      <a data-toggle="tab" href="#1">Tab 1</a>
    </li>
    <li>
      <a data-toggle="tab" href="#2">Tab 2</a>
    </li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="1">
      <div class="row">
        <div class="col-md-6 templateContent">
          <div class="template1">
            Text
          </div>
        </div>
        <div class="col-md-6 textContent">
          Text
        </div>
      </div>
    </div>
    <div class="tab-pane" id="2">
      <div class="row">
        <div class="col-md-6 templateContent">
          <div class="template2">
            Text
          </div>
        </div>
        <div class="col-md-6 textContent">
          Text
        </div>
      </div>
    </div>
  </div>
</div>

到目前为止我的jQuery

if ($("div.tab-pane").hasClass('active')) {
  $("div.tab-pane").find("div:eq(2)").attr('id', 'target');
} else {
  $("div.tab-pane").find("div:eq(2)").removeAttr('id', 'target');
}

谢谢！

Answer 1

这个想法是为每个要添加属性id =“target”的人添加一个虚拟类。检查这个小提琴

Visit [Fiddle] (https://jsfiddle.net/s0e121hd/1/)!

使用.active类将ID添加到DIV的子级，并将ID移除到任何非活动状态

1 个答案: