How to hide text only in a div with multiple elements JQUERY

Question

In the following div:-

<div>
     My Text that needs to be hidden 
    <span style="font-size: 21px">Other text Other things</span>
</div>

I just want to hide the text My Text that needs to be hidden. Is it possible?

possible duplicate of Hide text node in element, but not children — ctwheels
– ctwheels, Commented Aug 25, 2014 at 18:29
Basically the question doesn't have an obvious search text for it. May be that's how I missed it. — Steve
– Steve, Commented Aug 25, 2014 at 19:41

Clement Bisaillon · Accepted Answer · 2014-08-25 18:33:22Z

3

Html:

<div>
    <span id="mySpan" >My Text that needs to be hidden</span> // Add a span with a id
    <span style="font-size: 21px">Other text Other things</span>
</div>

JQuery:

$(document).ready(function(){
    $('#mySpan').css('display', 'none');
});

answered Aug 25, 2014 at 18:33

Clement Bisaillon

5,1878 gold badges37 silver badges54 bronze badges

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

Comments

user3250183 · Accepted Answer · 2014-08-25 18:39:08Z

2

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide("slow",function(){
      alert("The paragraph is now hidden");
    });
  });
});
</script>
</head>
<body>

<button>Hide</button>
<div>
     <p>My Text that needs to be hidden </p>
    <span style="font-size: 21px">Other text Other things</span>
</div>
</body>
</html>

answered Aug 25, 2014 at 18:39

user3250183

5168 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to hide text only in a div with multiple elements JQUERY

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related