使用 JQuery 查找并替换 HTML

Question

我需要使用 JQuery 来查找

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

在我的 HTML 中替换为

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

如果能帮助我展示如何做到这一点，我将不胜感激。另外，如果可能的话，我想申请window.onload。

谢谢，

贾里德

Answer 1

这适用于 you.Its，类似于 CSS 属性 display:none。

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

Answer 2

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

使用 jquery css classes

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

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

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

Find and replace HTML using JQuery

html

jquery

replace

find