change input position using jquery

Question

hi i have this html code

<div class='moves'>
    <div class='element'><input type='text' value='55' /></div>
    <input class='top' type='text' />
    <input class='Bottom' type='text' />
    <input class='left' type='text' />
    <input class='right' type='text' />
</div>
<div class='moves'>
    <div class='element'><input type='text' value='55' /></div>
    <input class='top' type='text' />
    <input class='Bottom' type='text' />
    <input class='left' type='text' />
    <input class='right' type='text' />
</div>
<div class='moves'>
    <div class='element'><input type='text' value='55' /></div>
    <input class='top' type='text' />
    <input class='Bottom' type='text' />
    <input class='left' type='text' />
    <input class='right' type='text' />
</div>

now what i want is when someone keyup inside top or bottom or left or right classes change the div at same parent position to the values or top left buttom right ect so i tried this

$(".top").keyup(function(){
    var element = $(this).parent().closest('.element');
    console.log(element);
})

i gat this message

w.fn.init [prevObject: w.fn.init(1)]

but what i want is to change position to the input with value 55 thanks a lot

var element = $(this).siblings('.element'); or var element = $(this).parent().find('.element'); or var element = $(this).prevAll('.element'); — Pranav C Balan
– Pranav C Balan, Commented Mar 31, 2019 at 15:30

Ashkan Mobayen Khiabani · Accepted Answer · 2019-03-31 15:43:58Z

1

closest() moves up (parent, parent of parent, ...), to find the element in children you should use find:

var element = $(this).parent().find('.element');

you also can use:

var element = $(this).siblings('.element');

answered Mar 31, 2019 at 15:43

Ashkan Mobayen Khiabani

34.4k35 gold badges112 silver badges187 bronze badges

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

Collectives™ on Stack Overflow

change input position 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