How to remove a html element from a page

Question

I want to do temporary disable a html element from a html page:

<i class="fa fa-eye fa-2"></i> <span class="feat-info-text"></span>

Actually, i want to remove the mentioned all lines from a html page source through javascript/jquery code by place in <head></head> tag.

Welcome to StackOverflow. Please read our [ask] page for hints on how to improve your question. Great questions tend to provide quicker, better answers from the community — blurfus, May 25 '17 at 19:22
Show us the surrounding HTML as well as it relates to the answer. — Scott Marcus, May 25 '17 at 19:29
@Anthony He's talking about putting the JS in the `head`, not the HTML. — Scott Marcus, May 25 '17 at 19:29

Abraham Murciano Benzadon · Answer 1 · 2017-05-25T19:45:18.347

0

You can do the following and find the elements with the class attributes like so, but it is you may want to give your elements IDs so you can refer to themmore easily.

HTML

<i class="fa fa-eye fa-2"></i>
<span class="feat-info-text"></span>

jQuery

$(document).ready(function(){
    $(".fa.fa-eye.fa-2, .feat-info-text").remove();
});

Note

You may want to hide the elements instead of removing them from the DOM. I am not sure what your context is, but it is something you may want to consider.

edited May 25 '17 at 19:45

answered May 25 '17 at 19:30

Abraham Murciano Benzadon

1,424
13
27

1

Could you explain me why selector by classes are a bad practice? if you need to hide 100 spans, do you put 100 ids? – quirimmo May 25 '17 at 19:32
Oh, in that case you definitely should use classes. The question just seemed to imply that those were the only 2 elements to be removed, in which case there may be other elements with the same class, but there would only be one with that id. There's nothing **wrong** with using classes, it just is neater to use IDs if you only have just 1 or 2 different elements to remove – Abraham Murciano Benzadon May 25 '17 at 19:36
@quirimmo but you are probably right anyway. I'll edit the answer – Abraham Murciano Benzadon May 25 '17 at 19:44
Thank you @Benzadon many many thanks for the better explanation. – Baki May 25 '17 at 19:45
@Baki glad I could help :) – Abraham Murciano Benzadon May 25 '17 at 19:46

How to remove a html element from a page

1 Answers1

Note