การใช้ .attr() jquery เพื่อดึงค่าจาก attribute ของ element หรือกำหนดค่าให้กับ attribute

[bankjittapol]

การใช้ .attr() jquery เพื่อดึงค่าจาก attribute ของ element หรือกำหนดค่าให้กับ attribute เช่น การกำหนด ความกว้าง ความสูงให้แก่รูปภาพ ก็สามารถ ใช้ .attr() เพิ่ออ้างอิงถึง element นั้นๆ ได้

โค้ด: เลือกทั้งหมด

$('img').attr('width:300px' , 'height:300px');

โดยสามารถศึกษาเพิ่มเติม ดังนี้
jQuery เปลี่ยน attribute ต่างๆ
Jquery หาค่าของ id จาก String หรือ จาก tag ต่างเช่น tag img , a href
set input field to readonly using jQuery
https://www.mindphp.com/forums/viewtopic ... 78&t=27038
โดยสามารถ return ค่าโดยอ้างอิง attribute

โค้ด: เลือกทั้งหมด

$(selector).attr(attribute)

กำหนดค่าโดยอ้างอิง attribute

โค้ด: เลือกทั้งหมด

$(selector).attr(attribute,value)

กำหนด attribute และ ค่า โดยใช้ function

โค้ด: เลือกทั้งหมด

$(selector).attr(attribute,function(index,currentvalue))

กำหนด attribute และ ค่า มากกว่า 1

โค้ด: เลือกทั้งหมด

$(selector).attr({attribute:value, attribute:value,...})

attribute คือ ชื่อ attribute
value คือค่า ของ attribute นั้นๆ
function(index,currentvalue) คือ ฟังก์ชั่นที่ return ค่าที่เซ็ต attribute ใน index ส่วน currentvalue รับค่าจากค่า attribute ที่เลือก

โค้ด: เลือกทั้งหมด

 
  $('.draggable').click(function(){
                  $('#myModal').modal('show');
                  $('#blockid').val($(this).attr('id'));
                });

เมื่อคลิก ที่ div class draggable ก็จะทำการ return ค่า ของ div ที่คลิก โดยอ้างอิง จาก attribute id

โค้ด: เลือกทั้งหมด

  $('.submita').click(function(){
               
                    $('.selectpicker option:selected').attr('disabled',true);
             
                });

เมื่อทำการ คลิก class submita ให้ กำหนด disabled ให้กับ select tag ที่เลือกไว้