Getting last file input in a table

Question

Here is my html:

    <table>
        <tbody><tr>
            <td>
                <label for="DocumentsName">Názov</label>
            </td>

            <td>
            <input name="DocumentsName" class="input documentsName" value="" style="width: 10em;" type="text">
            </td>
        </tr>
        <tr>
            <td>
                <label for="DocumentsDescription">Popis</label>
            </td>

            <td>
            <textarea name="DocumentsDescription" id="DocumentsDescription" cols="15" rows="4" class="input" style="width: 340px; font: 1em sans-serif;"></textarea>
            </td>
        </tr>
        <tr>
            <td>
                <label for="Document1">Doc 1</label>
            </td>

            <td>
            <input name="Document1" class="input document1" style="width: 10em;" type="file">
            </td>
        </tr>
    </tbody></table>
    <a href="#" id="addDocumentFileInput">+++++</a>

I am trying to get the litest input with type="file" from the table upon clicking the #addDocumentFileInput link.

This returns null. Why?

    <script type="text/javascript">
    $(document).ready(function() {

        $("#addDocumentFileInput").click(function() {
            var $lastFileInput = $(this).prev().children("tr").last().children("input");
            alert($lastFileInput.html());
            return false;
        });

    });
    </script>

Felix Kling · Accepted Answer · 2011-03-09 08:25:26Z

6

Because prev() gives you the table element and it has no tr children, only one tbody child. A row has no input children either, only td children.

children only searches for elements one level below.

Use find instead:

$(this).prev().find('input[type="file"]').last()
// or fancy: find('input:file:last')

answered Mar 9, 2011 at 8:25

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Richard Knop Over a year ago

alert($lastFileInput.html()) now returns empty string.

Felix Kling Over a year ago

@Richard Knop: Well, an input element has no HTML content anyway (it is a self closing element). If you want the value, you have to use val(). But I'm not sure if you can actually access the value of a file input element.

Collectives™ on Stack Overflow

Getting last file input in a table

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related