Home/ Questions/Q 4046434
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T13:33:45+00:00

With JQuery, I am targeting the following: <li style=margin-left: 15px;>blah<li> with this code: $(.block-category-navigation

  • 0

With JQuery, I am targeting the following:

<li style="margin-left: 15px;">blah<li>

with this code:

$(".block-category-navigation li[style='margin-left: 15px;']").addClass('sub-menu');

It works great in firefox, but doesn’t work at all in IE. Does IE ignore the style selector? Anyway around if so

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    After checking this in IE8’s console, I found that it’s turning ‘margin-left’ into ‘MARGIN-LEFT’.

    In IE this selector will work:

    $(".block-category-navigation li[style='MARGIN-LEFT: 15px']").addClass('sub-menu');

    You could either have both upper & lower case selectors, or use a loop to check the style attribute like so:

    $('.block-category-navigation li[style]').each(function() {
    $this = $(this);
    if ($this.attr('style').match(/margin-left: 15px/i)) {
        $this.addClass('sub-menu');
    }
});

    UPDATE

    Since I don’t want to give you code that doesn’t work, I’ve setup this working example here: http://jsfiddle.net/YB7uV/6/

    • 0