1

Using jQuery / Underscore, Given the following list. How can I find all .msg elements that are not within an li w data-allow-html="true"

<ol>
    <li><div class="msg">message</div></li>
    <li data-allow-html="true"><div class="msg">message</div></li>
    <li><div class="msg">message</div></li>
    <li data-allow-html="true"><div class="msg">message</div></li>
    <li><div class="msg">message</div></li>
    <li data-allow-html="true"><div class="msg">message</div></li>
    <li><div class="msg">message</div></li>
    <li data-allow-html="true"><div class="msg">message</div></li>
</ol>

I currently have: 

$('#mydiv').find('.msg').each(function() {}

And have tried:

$('#mydiv').find('li').not('data-allow-html="true"').find('.msg').each(function() {}

Which does not seem to work. Ideas? Thanks

AnApprentice
  • 108,152
  • 195
  • 629
  • 1,012

2 Answers2

2

You can use the following to get all the <li> withing #mydiv, then checking for not() containing the attribute, then finding each .msg

$('#mydiv li').not('[data-allow-html="true"]').find('.msg').each(function() {
    // your code
});​
doublesharp
  • 26,888
  • 6
  • 52
  • 73
1

In your code this is not('data-allow-html="true"')
supposed to be not('[data-allow-html="true"]') .. // Missing []

You can also try it this way

 $('li').not('[data-allow-html]').find('.msg').each(function() {

       $(this).css('color', 'orange')
        // Your code here
 });

//OR

$('li:not([data-allow-html])').find('.msg').each(function() {

});

Check FIDDLE

Sushanth --
  • 55,259
  • 9
  • 66
  • 105