Question

I have a table like:

@foreach (var item in Model) {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.InvoiceNumber)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.InvoiceDate, "{0:D}")
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Organisation.Name)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.TotalExcludingGst)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Status)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.ExportedDateTime)
                </td>
                <td class="centered">
                    <input type="checkbox" name="ids" value="@item.InvoiceId" />
                </td>
            </tr>
        }

So I have a way of getting the rows with checked checkboxes:

$(‘#exporttable’).find(‘input:checkbox:checked’).closest(‘tr’);

I really would like to modify this so it only get the rows with checked checkboxes that are invisible ie. the row is display: none.

Can someone please advise me how to achieve this?

Answer 1

$('#exporttable').find('input:checkbox:checked').closest('tr').is( ":not(:visible)" );