javascript - 如何根据子元素的动态值导航到页面的特定部分？

Question

我在 HTML 中有这些动态生成的 div 并填充了 PHP 数据：

<?php foreach (get_all_locations() as $cards) : ?>
  <div class="block">
    <div class="centered">
      <div class="div_container">
        <p class="location_id_el"><?php echo $cards['id']; ?></p>
        <span onclick="edit_button_request(<?php json_encode($cards); ?>)"><i class='fas fa-edit'></i></span>
        <p><?php echo $cards['name']; ?></p> 
          <div id="main_address_div">
            <div id="address_div">
              <p><?php echo $cards['streetname'] . ' ' . $cards['streetnumber'] . ' '; ?></p>
            </div>                
          </div>                  
      </div>
    </div>
  </div>
<?php endforeach; ?>

现在，我想使用 Javascript 导航到特定的 div：

function myNavFunction(){
  let i = document.getElementById('location_id_el').value; //here I get the id of that element
  if(i === 4) document.location.href = ""; //here I want to navigate to the parent div of that element
}

有什么建议么？！

标签： javascriptphphtml