如果我的HTML结构包含另一个父HTML标记或id类等，则需要重定向

Want Redirection If My HTML structure enclose with another parent html tag or id class etc

本文关键字：HTML 类等 id 重定向 结构 我的 包含 另一个 如果      更新时间：2023-09-26

我需要javascript，如果有人在我的html结构上添加html标记或id类作为父级，那么它应该重定向到example.com

解释：>下面是我默认的html结构，包含两个div。并且它有父标签版权div.…现在我希望如果有人添加另一个标签作为父标签，那么它应该重定向到example.com

<div id='copyright'>
  <div id='container'>
        <p>Copyright 2016. Designed By <a href='#'>Company</a>
        </p>
      </div>
    </div>

以上是我的html结构，我希望如果有人使用另一个html标记或id、类等作为父标记或id，那么它应该重定向到example.com示例：

<div id='extra'>
<div id='copyright'>
  <div id='container'>
        <p>Copyright 2016. Designed By <a href='#'>Company</a>
        </p>
      </div>
    </div>
</div>

现在应该重定向它，因为它使用了父extra类。如果有人添加了另一个html标签，就像你在这里看到的一样。

<wrapper>
<div id='copyright'>
  <div id='container'>
        <p>Copyright 2016. Designed By <a href='#'>Company</a>
        </p>
      </div>
    </div>
</wrapper>

它还应该重定向，因为它使用html标签包装器作为父标签，因此它也应该重定向到example.com

我希望有人能帮我想出剧本。谢谢。

你必须像一样

$(document).ready(function(){
  if(($("#copyright").parentsUntil('body').length-1) >0){
    alert($("#copyright").parentsUntil('body').length-1);
    //window.location.href="www.google.com"
  }
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<wrapper>
<div id='copyright'>
  <div id='container'>
        <p>Copyright 2016. Designed By <a href='#'>Company</a>
        </p>
      </div>
    </div>
  </wrapper>
</html>

  1. 原始DOM方式

    window.addEventListener("DOMContentLoaded", function(){
//check for 
if(document.getElementById('copyright').parentNode.id == "extra" || document.getElementById('copyright').parentNode.nodeName == "WRAPPER"){
    //redirect to example.com
}

})；

  1. 使用jquery

    $(document).on("ready", function(){
//check for 
if($("copyright").parent().attr("id") == "extra" || $("copyright").parent().prop("nodeName") == "WRAPPER"){
    //redirect to example.com
}

})；

相关文章：