Unable to find and change span text using jquery

Question

My html and jquery code looks like below but for some reason I can change the text of the span. I m trying with both find and closest methods. Any ideas? thanks

<body>
<span class="classA">Text A</span>
<input id="testId" type="file" name="files" class="fileUp">
<span class="classA">Text B</span>

<script type="text/javascript">

    $(document).ready(function () {
        $("input.fileUp").change(function (event) {
            $(this).closest('span.classA').text('testing');
            $(this).find('span.classA').text('testing');

        });
    });
</script>
</body>

use: $(this).parent().find('span.classA').text('testing');

Ricardo Pontual
– Ricardo Pontual

2016-03-20 18:03:25 +00:00
Commented Mar 20, 2016 at 18:03 — Ricardo Pontual
– Ricardo Pontual, Commented Mar 20, 2016 at 18:03

Ibrahim Khan · Accepted Answer · 2016-03-20 18:00:05Z

1

span.classA is not the closest element of .fileUp. Use prev() method like following.

$("input.fileUp").change(function (event) {
    $(this).prev('span.classA').text('testing');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="classA">Text A</span>
<input id="testId" type="file" name="files" class="fileUp">
<span class="classA">Text B</span>

answered Mar 20, 2016 at 18:00

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

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

Collectives™ on Stack Overflow

Unable to find and change span text using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related