在另一个元素中定位元素

Question

我想尝试在另一个元素中找到一个元素，然后为它添加一个ID，因为这是一个多动态分页的Prince文档，到目前为止，我有下面的代码，但不确定如何检查{ {1}} DIV位于title__container-page DIV内部，因为其中包含多个page-first元素，我只想将ID添加到包含{{0}}的任何page-first元素中{1}}元素，此时它会将ID添加到所有元素中。

page-first

Answer 1

如果您想在另一个元素中定位元素，可以使用queryselector。

＆＃13;

＆＃13;

var span = document.querySelector("#whatever .something");
span.id = "newId";

console.log(document.getElementById('newId'));

＆＃13;

<div id=whatever>
  <span class=something></span>
</div>

＆＃13;

＆＃13;

＆＃13;

如果您想这么做，可以更改getElementsByClassName。

的上下文

＆＃13;

＆＃13;

var div = document.getElementById("whatever");
var span = div.getElementsByClassName("something")[0];
span.id = "newId";

console.log(document.getElementById('newId'));

＆＃13;

<div id=whatever>
  <span class=something></span>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

以下是包含class =＆＃39; page-first＆＃39;的5个父div，其中3个包含class =＆＃39; title__container-page＆＃39; < / p>

<div class='page-first'>
    <div class='title__container-page'></div>
</div>

<div class='page-first'>
    <div class='title__container-page'></div>
</div>

<div class='page-first'>

</div>

<div class='page-first'>

</div>

<div class='page-first'>
    <div class='title__container-page'></div>
</div>

检查元素：

以下内容扫描所有父级div，并为找到包含class =＆＃39; title__container-page＆＃39;的父级添加ID：

$('.page-first').each(function() {
      this_childs = $(this).children();
      this_childs.each(function() {
            if($(this).attr('class') == 'title__container-page') {
                add_id = 'div_' + Math.floor((Math.random() * 100000) + 1);
                $(this).parent().attr('id', add_id);  // add id to page-first element 
        }
      })
})

检查元素：

这是假设您可以使用jQuery。