PDA

View Full Version : جابجایی Element ها در HTML


jamejam123
چهارشنبه 06 شهریور 1392, 14:10 عصر
سلام به دوستان عزیز
همگی خسته نباشید
لطفا به این تصویر یه نگا بندازید
109823
من می خوام با جی کوئری کاری کنم که وقتی روی اون فلش های بالا و پایین کلیک کردم اون قسمت جای خودشو با دایو بالایی و پایینی عوض کنه.
فایل پروژه رو اینجا گذاشتم اگه می شه یه نگا بندازید و از روی اون منو یه راهنمایی بکنید.
http://s3.picofile.com/file/7912126555/jquery.zip.html
باتشکر فراوان
jamejam123
چهارشنبه 06 شهریور 1392, 16:12 عصر
من با استفاده از چه تابعی می نوانم اشیا را حرکت دهم
مثلا شماره دو را به بعد از چهار تغییر دهم
mehdi.mousavi
چهارشنبه 06 شهریور 1392, 16:37 عصر
من با استفاده از چه تابعی می نوانم اشیا را حرکت دهم مثلا شماره دو را به بعد از چهار تغییر دهم

سلام.
با استفاده از تابع prepend (http://jqapi.com/#p=prepend)...

موفق باشید.
sinoser
چهارشنبه 06 شهریور 1392, 17:27 عصر
jQ هشت متد ارائه کرده که در واقع جفت جفت یک استفاده ولی محل درج متفاوته


//افزودن به اخر عناصر پدر
$('پدر').append('عنصر جابه جایی');
$('عنصر جابه جایی').appendTo('پدر')

//افزودن به اول عناصر پدر
$('پدر').prepend('عنصر جابه جایی');
$('عنصر جابه جایی').prependTo('پدر');

//افزودن بعد از همزاد
$('همزاد').after('عنصر جابه جایی')
$('عنصر جابه جایی').insertAfter('همزاد');

//افزودن قبل از همزاد
$('همزاد').before('عنصر جابه جایی');
$('عنصر جابه جایی').insertBefore('همزاد');
azamicu
چهارشنبه 06 شهریور 1392, 23:33 عصر
سلام دوست عزیز شما باید با sibling کار بکنی و سیبل بعد یا قبل رو بدست بیاری و بعدش اون آبجکتت رو append بکنی جایی که میخوای


<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>next siblings demo</title> <style> div,span { display:block; width:80px; height:80px; margin:5px; background:#bbffaa; float:left; font-size:14px; } div#small { width:60px; height:25px; font-size:12px; background:#fab; } </style> <script src="http://code.jquery.com/jquery-1.9.1.js"></script></head><body> <div>div (doesn't match since before #prev)</div> <span id="prev">span#prev</span> <div>div sibling</div> <div>div sibling <div id="small">div niece</div></div> <span>span sibling (not div)</span> <div>div sibling</div><script>$("#prev ~ div").css("border", "3px groove blue");</script> </body></html>