• 1 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
سوال: جی کوئری (صالح کجایی؟)
#1
سلام
من سه تا div کنار هم دارم
می خوام با جی کوئری با استفاده از div وسطی به یه div قبل و بعد دسترسی داشته باشم. چی کار کنم؟
راستی adsl ام وصل شد - از این به بعد خواهم بود بعد چهار روز دیگه
Big Grin
همه جوره اش رو داریم ظاهرن
  پاسخ
تشکر شده توسط :
#2
چرا‌ صالح خودم هستمBig Grin
کد:
$("button[disabled]").next()
$("button[disabled]").prev()
  پاسخ
تشکر شده توسط : zoghal molana
#3
خوب بستگی داره که ترتیب div ها به چه صورت باشه.
اگر به صورت
کد:
<div id="m1"></div>
<div id="m2"></div>
<div id="m3"></div>

باشه شما می خواهید با کنم m2 به m1 یا m3 دسترسی کنید. کافیه این گونه عمل کنید.
کد:
$('#m2').next().hide()
$('#m2').perv().hide()


اگر ترتیب به گونه ای دیگر هست . اعلام کنید تا بگم
  پاسخ
تشکر شده توسط : molana
#4
اگه دوتا div کلاس m1 قبل از m2 باشه، هر دوش انتخاب می شه کهConfused
همه جوره اش رو داریم ظاهرن
  پاسخ
تشکر شده توسط :
#5
لطفا نمونه کد بزارید تا بهتر بتونم راهنماییتون کنم
  پاسخ
تشکر شده توسط : molana
#6
کد:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="jquery.js"></script>
<script type="text/javascript">
       $(document).ready(function(){

          $(".menu-main").hover(function(){
                     $(".menu-main").addClass("menu-main-hover");      
                     $(".menu-main").prev().addClass("menu-left-hover");      
                     $(".menu-main").next().addClass("menu-right-hover");      
                },function(){
                     $(".menu-main").removeClass("menu-main-hover");      
                     $(".menu-main").prev().removeClass("menu-left-hover");      
                     $(".menu-main").next().removeClass("menu-right-hover");      
                              });
          
           });

</script>
<style type="text/css">
    div{border:1px solid #666; width:100px; height:20px; float:left;}
    
</style>
</head>

<body>
    <div class="mainlevel-nav" id="mainlevel-nav641">
        <div class="menu-left"> </div>
        <div class="menu-main">
            <a id="active_menu-nav" class="mainlevel-nav" title="Home" href="index.php?option=com_frontpage&amp;Itemid=17">Home</a>
        </div>
        
        <div class="menu-right"> </div>
        <div class="menu-left">    </div>
        <div class="menu-main">
            <a class="mainlevel-nav" title="Links" href="index.php?option=com_weblinks&amp;Itemid=18">Links</a>
        </div>
        <div class="menu-right"> </div>
        
        <div class="menu-left"> </div>
        <div class="menu-main">
            <a class="mainlevel-nav" title="Contact us" href="index.php?option=com_contact&amp;task=view&amp;contact_id=1&amp;Itemid=19">Contact us</a>
        </div>
        <div class="menu-right"> </div>
    </div>

</body>
</html>

با فایر باگ می تونید ببینید که کل div ها کلاسشون عوض می شه
همه جوره اش رو داریم ظاهرن
  پاسخ
تشکر شده توسط :
#7
خوب اولین چیز که باید یاد بگیرید این هست. که استاندارد وب میگه شما نمی تونید یک id بیشتر در صفحه داشته باشید. اما یک کلاس رو میتونید. بارها و بارها در صفحه تون تکرار کنید.

اگر این استاندارد وب رو در نظر بگیریم. کدی که من در بالا نوشتم . یک المنت رو با استفاده از id انخاب میکنه . اما شما میخواهید با استفاده از کلاس این کارو انجام بدید. پس باید هم همشون انتخاب و تغییر کنه

نکته بعدی در جی کوئری به صورت شی گرایی نوشته شده. و اگر اشنا باشید مقدار با شی گرایی میدانید. که یک متغیر به اسم $this همیشه مشخصات تابع فراخوانی و در حال اجرا رو به همراه داره .(فکر میکنم توضیح در مورد این this یک مقدار پرت باشه.)

پس کد شما باید به این صورت تغییر کنه
کد پی‌اچ‌پی:
<script type="text/javascript">
       $(
document).ready(function(){

          $(
".menu-main").hover(function(){
                     $(
this).addClass("menu-main-hover");      
                     $(
this).prev().addClass("menu-left-hover");      
                     $(
this).next().addClass("menu-right-hover");      
                },function(){
                     $(
this).removeClass("menu-main-hover");      
                     $(
this).prev().removeClass("menu-left-hover");      
                     $(
this).next().removeClass("menu-right-hover");      
                              });
          
           });

</
script
  پاسخ
تشکر شده توسط : molana php
#8
ای دور تو بگردم من
Heart
همه جوره اش رو داریم ظاهرن
  پاسخ
تشکر شده توسط :
#9
کد:
jQuery('ol li:first');
jQuery('ol li:eq(0)');
jQuery('ol li:lt(1)');


:first
    Matches the first selected element
:last
    Matches the last selected element
:even
    Matches even elements (zero-indexed)
:odd
    Matches odd elements (zero-indexed)
:eq(n)
    Matches a single element by its index (n)
:lt(n)
    Matches all elements with an index below n
  پاسخ
تشکر شده توسط : molana
#10
صالح جان یه سوال دیگه :
مثلن می خوام بگم که اولین فرزند المنت جاری رو انتخاب کن
چی باید بنویسم؟
همه جوره اش رو داریم ظاهرن
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان