附加到某个元素，也没有某个类

Question

I have a table, that may have rows with a hidden class:

<table id="sortme">
    <tr>
        <td>
            <input type="hidden" name="pr" value="1" />
        </td>
    </tr>
    <tr>
        <td>
            <input type="hidden" name="pr" value="7" />
        </td>
    </tr>
    <tr>
        <td class="hidden">
            <input type="hidden" name="pr" value="4" />
        </td>
    </tr>

I have function that sorts the whole table according to the input :

<script>
$(function() {
    $('#sortme tr:has(input[name="pr"])').sort(function(a, b) {
        return 1 * $(a).find("input[name='pr']").val() - 1 * $(b).find("input[name='pr']").val();
    }).appendTo('#sortme');
});
</script>

I want to sort only the rows without hidden class.

I tried adding:

|| tr.!(hasClass("hidden"))

To the function this way:

<script>
$(function() {
    $('#sortme tr:has(input[name="pr"]) || tr.!(hasClass("hidden"))').sort(function(a, b) {
        return 1 * $(a).find("input[name='pr']").val() - 1 * $(b).find("input[name='pr']").val();
    }).appendTo('#sortme');
});
</script>

But that's probably not the correct syntax.

I'm not even sure if I should it over there, or at the appendTo part.

How should it be?

Edit:

Updated code:

I sort first by class (not-hidden), and then by numeber (lowest first):

  $('#sortme tr:has(input[name="pr"]):not(.hidden)').sort(function(a, b) {
    return 1 * $(a).find("input[name='pr']").val() - 1 * $(b).find("input[name='pr']").val();
  }).appendTo('#sortme');
    $('#sortme tr:has(input[name="pr"]).hidden').sort(function(a, b) {
    return 1 * $(a).find("input[name='pr']").val() - 1 * $(b).find("input[name='pr']").val();
  }).appendTo('#sortme');  

Answer 1

You can use :not selector to exclude some elements by using CSS selector.

$('#sortme tr:has(input[name="pr"]):not(.hidden)')

Or, .not() can also be used

$('#sortme tr:has(input[name="pr"])').not('.hidden')