jQuery Multiple Attribute Selector, Not Working :/

Question

As far as I know, I'm following the correct usage form on: http://api.jquery.com/multiple-attribute-selector/, but for whatever reason I'm not seeing, my code is not working. Each attribute works fine independently of one another (i.e. $(".tonight_stat_peopleThumbs li[srcid="+srcid+"]") works and $(".tonight_stat_peopleThumbs li[style*=inline-block]") works) but they do not work together.

Here is my function in the JavaScript:

hidePatrons = function(srcid) {
    $(".tonight_stat_peopleThumbs li[srcid="+srcid+"][style*=inline-block]").each(function(){
        $(this).css({"display" : "none"});
    });
}

Here is a piece from the HTML:

<ul activepage="1" class="tonight_stat_peopleThumbs" style="width:171px">
  <li id="myid" class="myclass" ptype="people" ptime="11101101" style="display:inline-block;">
    <a href="http://domain.com/users/#.php">
      <img src="https://graph.facebook.com/#/picture" />
    </a>
  </li>
</ul>

NOTE: The '#' are inserted for privacy, assume they are fbid numbers.

kojiro · Accepted Answer · 2011-10-27 02:41:38Z

5

Note that while CSS allows attribute selectors without quotes, there are quotes in every jQuery example. My experience has been that jQuery does not select reliably without quotes.

/* Good for CSS, bad for jQuery */
[foo=bar]

/* Good for both */
[foo="bar"]

answered Oct 27, 2011 at 2:41

kojiro

77.8k20 gold badges151 silver badges217 bronze badges

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

Comments

vzwick · Accepted Answer · 2011-10-27 02:44:47Z

1

Try

$('.tonight_stat_peopleThumbs li[srcid="' + srcid + '"][style*="inline-block"]')

mind the quoting!

answered Oct 27, 2011 at 2:44

vzwick

11.1k5 gold badges47 silver badges63 bronze badges

Comments

Keith.Abramo · Accepted Answer · 2011-10-27 02:48:25Z

0

try changing li[srcid="+srcid+"] to li[id="+srcid+"] I don't see a "srcid" attribute so I assume you are looking to search on the "id" attribute

answered Oct 27, 2011 at 2:48

Keith.Abramo

6,9652 gold badges34 silver badges46 bronze badges

Comments

king zhang · Accepted Answer · 2011-10-27 02:54:50Z

0

can you please try like this way? the following is working fine for me for your HTML code.

 hidePatrons = function(srcid) {
        $("#tonight_stat_peopleThumbs li[ptype=people][style*=inline-block]").each(function(){
            $(this).css({"display" : "none"});
        });
    }

note: # is for id, and . is for class. I changed . to # and srcid="+srcid+" to ptype=people from your code.

answered Oct 27, 2011 at 2:54

king zhang

111 bronze badge

1 Comment

Matt Over a year ago

That was a typo on my part; I have a sandbox and a live, put the wrong one on here, changed it in my above though, thanks for the catch! :)

Collectives™ on Stack Overflow

jQuery Multiple Attribute Selector, Not Working :/

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related