Javascript 以另一个元素中的一个元素为目标

我想尝试在另一个元素中找到一个元素，然后添加一个ID，因为这是一个多动态页面Prince文档，到目前为止，我有下面的代码，但不确定如何检查

title\u container-page

DIV是否在

page first

DIV中，因为有多个

page first

元素，我只想先将ID添加到任何包含

title\uu container-page

元素的

page

元素中，此时它正在将该ID添加到所有元素中

<script>
    var checkedValue = "title__container-page";
    var targetModule = document.getElementsByClassName('page-first');

    var checkedArray = checkedValue.split(" ");             

    console.log(checkedArray);

    checkedArray.forEach(function (val, key) {
        if (val === "") {
            checkedArray.splice(key, 1)
        }
        if (checkedArray.length > 0) {
            targetModule[key].id = "column-padding-top";
        }
    }) 
</script>

var checkedValue=“title\uuu container-page”；
var targetModule=document.getElementsByClassName（'page-first'）；
var checkedArray=checkedValue.split（“”）；
控制台日志（checkedArray）；
checkedArray.forEach（函数（val，键）{
如果（val==“”）{
检查阵列拼接（图例1）
}
如果（选中Array.length>0）{
targetModule[key].id=“列填充顶部”；
}
}) 

如果要将一个元素定位到另一个元素中，可以使用

var span=document.querySelector（“#whatever.something”）；
span.id=“newId”；
log（document.getElementById（'newId'）
这里有5个class='page-first'的父div，其中3个包含class='title\uu container-page'的子div:

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

检查元件：


这是假设您可以使用jQuery
 问题代码在哪里检查元素？您的代码没有按照您所说的做。
$('.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 
        }
      })
})