Search code examples
jqueryjquery-uijquery-pluginsjquery-selectorsjquery-filter

jquery filtering - return div according it's data-id


I'm trying to select every div with class='selectthis' and return their sibling divs (also make them un-draggable) if parent div's data-id not equals to 0.

Here is fiddle: http://jsfiddle.net/umvQJ/1/

Here is my code:

<div class="selectthis" data-id="0">
     <div class='draggable'>don't return this</div>
</div>

<div class="selectthis" data-id="1">
     <div class='draggable'>return this</div>
</div>

<div class="selectthis" data-id="2">
     <div class='draggable'>return this</div>
</div>
$(document).ready(function() {
    $('.draggable').draggable();

    $(".selectthis").filter(function () { 
        return $(this[data-id!=="0"]).siblings(div); 
    }).draggable({revert: 'invalid'});
});

Where am I doing wrong?


Solution

  • I guess that is what you need.

    $(document).ready(function () {
        $(".selectthis").not('[data-id="0"]').find('.draggable').draggable();
    });
    

    http://jsfiddle.net/umvQJ/2/