Question

我正在尝试获取外部源的特定div容器。但不幸的是，这个div容器中也有div ID，这是不需要的。

抓取工作，但阻止没有。仅供参考：我是JavaScript的新手，已经搜索了解决方案。

<html>
<head>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="LinkToExternal.css">

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script type="text/javascript">
       $(document).ready(function(){
           $('#article').load('ExternalURL #DIV_Container');
       });

       document.getElementsByClassName('NotNeededClass').style.visibility = 'hidden';
       document.getElementById('NotNeededID').style.visibility = 'hidden';

    </script>        
</head>
<body>
    <div id="container">
        <div id="article"></div>
        <div id="article2"></div>
    </div><!--container-->
</body>

Answer 1

隐藏元素的代码是在加载函数后立即触发的。可能的原因是您尝试隐藏的元素尚未加载到DOM中。将代码放在load函数的回调函数中，这将确保您的元素已加载到DOM中。

<script type="text/javascript">
   $(document).ready(function(){
       $('#article').load('ExternalURL #DIV_Container',function(){
           $('.NotNeededClass, #NotNeededID').hide();
       });
   });
</script>

从外部源导入时阻止特定的div元素

1 个答案: