ต่อไป »

[amazegu]

<div id="options">
 <div class="option">aaa</div>
 <div class="option">bbb</div>
 <div class="option">ccc</div>
 <div class="option">ddd</div>
</div>

จะเข้าถึง .option แต่ละตัวได้อย่างไรครับ คือโง่ jq มาก 
กับอีกคำถาม ถ้าผมเอาเมาส์ hover .option ที่1 หรือ ที่2 แล้วอยากให้ .option ที่3และ4 มันใช้งานไม่ได้นี้ต้องเขียนประมาณไหนครับ
คือใน .option แต่ละตัวอาจจะมี select radio checkbox textbox textarea อยู่ อยากให้มัน disable ไปเลยครับ

+1 ทุกคำตอบครับ 

[ossytong]

ผมเขียนแบบยาวๆให้นะครับจะเข้าใจง่ายขึ้นครับ

$("div#options").find('div.option').eq({ลำดับของข้อมูลที่ต้องการเข้าถึง})

ส่วนการดัก hover ก็ เติม event .hover(funciton(event){}); ต่อได้เลยครับ จะ blind ตัวไนห ถ้าจะ blind ทั้งหมดก็ตัด .eq ไม่ต้องระบุ ตำแหน่งออกครับ

เช่น จะ Bline Hover ตัวที่ 1 ก็
$("div#options").find('div.option').eq(0).hover(function(event){ ....... });

ส่วน คำถามที่จะให้ element   ภายในตัวที่ blind event disable ก็เขียนต่ออีก Step จะได้ประมาณนี้ครับ
$("div#options").find('div.option').eq(0).hover(function(event){ $(this).find('select').attr('disabled', 'disabled'); });

ก็จะได้ว่า ถ้ามีการ hover option ตัวที่ 1 จะทำการ disableld element select นั่นเอง

[amazegu]

ผมเขียนแบบยาวๆให้นะครับจะเข้าใจง่ายขึ้นครับ

$("div#options").find('div.option').eq({ลำดับของข้อมูลที่ต้องการเข้าถึง})

ส่วนการดัก hover ก็ เติม event .hover(funciton(event){}); ต่อได้เลยครับ จะ blind ตัวไนห ถ้าจะ blind ทั้งหมดก็ตัด .eq ไม่ต้องระบุ ตำแหน่งออกครับ

เช่น จะ Bline Hover ตัวที่ 1 ก็
$("div#options").find('div.option').eq(0).hover(function(event){ ....... });

ส่วน คำถามที่จะให้ element   ภายในตัวที่ blind event disable ก็เขียนต่ออีก Step จะได้ประมาณนี้ครับ
$("div#options").find('div.option').eq(0).hover(function(event){ $(this).find('select').attr('disabled', 'disabled'); });

ก็จะได้ว่า ถ้ามีการ hover option ตัวที่ 1 จะทำการ disableld element select นั่นเอง

+1 ขอบคุณมากๆครับ เดี๋ยวขอไปลองทำดูก่อนครับ ท่านคอื่นที่มีวิธีการเขียนแบบอื่นก็แนะนำได้น่ะครับ

[Surakrai]

var selected = $('#options .option');
selected.hover(function(){   
    if ($(this).index() == 0) {   //เช็คลำดับ .option ที่เราเอาเมาไปชี้  ถ้า  index() == 0 ก็คือ .option ลำดับที่ 1
      selected.eq(1).find('select').prop( "disabled", true );    // ให้ disabled select ใน .option ลำดับที่ 2 
   }
});

ตัวอย่าง http://jsfiddle.net/surakrai/5ogr0ug9/

[amazegu]

var selected = $('#options .option');
selected.hover(function(){   
    if ($(this).index() == 0) {   //เช็คลำดับ .option ที่เราเอาเมาไปชี้  ถ้า  index() == 0 ก็คือ .option ลำดับที่ 1
      selected.eq(1).find('select').prop( "disabled", true );    // ให้ disabled select ใน .option ลำดับที่ 2 
   }
});

ตัวอย่าง http://jsfiddle.net/surakrai/5ogr0ug9/

+1 แรงๆเลยครับ ทำได้แล้วครับ