I have a following code:

$(document).ready(function()
{
   $('a[rel]').each(function()
   {
      $(this).qtip(
      {
         content: {
            text: '<img class="middle" src="i/icon_processing.gif" alt="l">Loading...',
            ajax: {
               url: $(this).attr('rel')
            },
            title: {
               text: $(this).text(),
               button: true
            }
         }
    })
      .click(function() { return false; });
   });
});

This code make all rel's on pages to work with tipsy jquery plugin. The problem is that i have a specific div with some id, that holds content with rel that needs to be excluded from this function.

I have a following code:

$(document).ready(function()
{
   $('a[rel]').each(function()
   {
      $(this).qtip(
      {
         content: {
            text: '<img class="middle" src="i/icon_processing.gif" alt="l">Loading...',
            ajax: {
               url: $(this).attr('rel')
            },
            title: {
               text: $(this).text(),
               button: true
            }
         }
    })
      .click(function() { return false; });
   });
});

This code make all rel's on pages to work with tipsy jquery plugin. The problem is that i have a specific div with some id, that holds content with rel that needs to be excluded from this function.

• javascript
• jquery
• ajax

3 Answers 3

You could use not() to exclude elements:

$('a[rel]').not('#IdOfElement').each(function()

You can use :not() in your selector.

For example: $("a[rel]:not(div#divId a[rel])")

A jsfiddle illustrating the use of the :not selector in your case: http://jsfiddle.net/6s6Mm/

You can exclude specific Elements with the .not() function like this:

$('a[rel]').not('#sepcialElement').each(...);