Find and replace HTML using JQuery

Question

I need to use JQuery to find

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

in my HTML and replace it with

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

I would appreciate all help in showing my how to do this. Also, I would like to apply window.onload if possible.

Thanks,

Jared

$('.main-image.content-fill').hide()

adeneo
– adeneo

2016-01-10 05:13:59 +00:00
Commented Jan 10, 2016 at 5:13 — adeneo
– adeneo, Commented Jan 10, 2016 at 5:13
It is better to done with hide() then replace

Parth Trivedi
– Parth Trivedi

2016-01-10 05:14:54 +00:00
Commented Jan 10, 2016 at 5:14 — Parth Trivedi
– Parth Trivedi, Commented Jan 10, 2016 at 5:14

varun aaruru · Accepted Answer · 2016-01-10 05:33:21Z

2

if you want only hiding the div use hide or

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

edited Jan 10, 2016 at 5:33

answered Jan 10, 2016 at 5:24

varun aaruru

2,9401 gold badge24 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Wasiq Muhammad · Accepted Answer · 2016-01-10 05:22:25Z

1

This works for you.Its similar to the CSS property display:none.

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

answered Jan 10, 2016 at 5:22

Wasiq Muhammad

3,1483 gold badges19 silver badges30 bronze badges

Comments

Gautam Jha · Accepted Answer · 2016-01-10 05:32:38Z

1

$(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>

try this...

answered Jan 10, 2016 at 5:32

Gautam Jha

1,4811 gold badge15 silver badges26 bronze badges

Comments

Jakir Hossain · Accepted Answer · 2016-01-10 05:32:43Z

0

Use below code.

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

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

answered Jan 10, 2016 at 5:32

Jakir Hossain

2,51720 silver badges24 bronze badges

Collectives™ on Stack Overflow

Find and replace HTML using JQuery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related