Question

我需要使用JQuery来查找

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div class="container">

  <div id="el-wr0">

          <div class="el" id="index1">1</div>

          <div class="el" id="index2">2</div>

          <div class="el" id="index3">3</div>
          
          <div class="el" id="index4">4</div>

  </div>
  
  <div id="el-wr1">

          <div class="el" id="index5">5</div>

          <div class="el" id="index6">6</div>

          <div class="el" id="index7">7</div>
          
          <div class="el" id="index8">8</div>

  </div>
  
  <div id="el-wr2">

          <div class="el" id="index9">9</div>

          <div class="el" id="index10">10</div>

          <div class="el" id="index11">11</div>
          
          <div class="el" id="index12">12</div>

  </div>

  


</div>

在我的HTML中

并将其替换为

<div class="main-image content-fill" style="display:overflow">

我很感激所有帮助，告诉我如何做到这一点。另外，如果可能的话，我想应用window.onload。

谢谢，

贾里德

Answer 1

如果您只想隐藏div使用hide或

使用jquery css classes

$(document).ready(function(){
    $("button").click(function(){
        $(".div1").addClass("important");
    });
});

＆＃13;

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $(".div1").addClass("important");
    });
});
</script>
<style>
.important {
   display:none;
}

</style>
</head>
<body>

<div class="div1">This is some text.</div>
<div id="div2">This is some text.</div>
<br>

<button>Add classes to first div element</button>

</body>
</html>

＆＃13;

Answer 2

这对你有用。它类似于CSS属性display：none。

$(document).ready(function(){
 $(".main-image content-fill").hide();
});

Answer 3

$(document).ready(function() {
    $('.main-image.content-fill').hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main-image content-fill" id="main-image content-fill" style="display:overflow">sdfsdf</div>

试试这个......

Answer 4

使用以下代码。

$(document).ready(function(){
    $('.main-image.content-fill').css('display','none');
});

<div class="main-image content-fill" style="display:overflow">gsdfsf</div>

使用JQuery查找和替换HTML

4 个答案: