how to hide image by its icon-value

Question

hi everyone i cant find the solution for my question on google. i just want to hide the images using there icon-value like in the below example i just want to hide the image which have icon-value="1" in the div which have .box class

<div class="box">
  <div class="icon"><img src="xyz/smiley.png" icon-value="1" icon-index="0"></div>
  <div class="icon"><img src="xyz/1.png" icon-value="2" icon-index="1"></div>
</div>

Barmar · Accepted Answer · 2014-03-12 06:04:29Z

5

use an attribute selector.

.box img[icon-value="1"] {
    display: none;
}

edited Mar 12, 2014 at 6:04

answered Mar 12, 2014 at 5:55

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

2 Comments

Vikram Deshmukh Over a year ago

Isn't a quote needed for this to work? .box img[icon-value="1"] {display: none; }

Barmar Over a year ago

Apparently you're right. I'm used to jQuery, which is less strict than CSS.

Vikram Deshmukh · Accepted Answer · 2014-03-12 05:58:00Z

2

CSS solution:

.box img[icon-value="1"] {
    display: none;
}

Demo

PS: Notice the value in quotes. I don't think CSS attribute selectors will work if the value is not specified in quotes

jQuery solution:

$(".box img[icon-value=1]").css("display", "none");

Demo

answered Mar 12, 2014 at 5:58

Vikram Deshmukh

16.1k4 gold badges40 silver badges44 bronze badges

Comments

Sarath · Accepted Answer · 2014-03-12 06:07:13Z

2

using css try following

.box .icon img[icon-value="1"] {
        display: none;
    }

or if you are using jquery you can try this also

$(".box img[icon-value=1]").hide();

edited Mar 12, 2014 at 6:07

answered Mar 12, 2014 at 5:59

Sarath

6085 silver badges12 bronze badges

Collectives™ on Stack Overflow

how to hide image by its icon-value

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related