รับประเภทองค์ประกอบด้วย jQuery

เป็นไปได้หรือไม่ที่ใช้ jQuery เพื่อค้นหาประเภทขององค์ประกอบด้วย jQuery ตัวอย่างเช่นองค์ประกอบคือ div, span, select หรือ input หรือไม่

ตัวอย่างเช่นถ้าฉันกำลังพยายามโหลดค่าลงในรายการแบบหล่นลงด้วย jQuery แต่สคริปต์เดียวกันสามารถสร้างรหัสลงในชุดของปุ่มตัวเลือกฉันสามารถสร้างสิ่งที่ชอบ:

$('.trigger').live('click', function () {
   var elementType = $(this).prev().attr(WHAT IS IT);
});

ให้ลิสต์แบบดรอปดาวน์ด้วยปุ่มถัดจากคลาสทริกเกอร์elementTypeตัวแปรของฉันควรกลับselectไปที่ปุ่มที่ถูกกด

รับองค์ประกอบพิมพ์วิธี jQuery:

var elementType = $(this).prev().prop('nodeName');

ทำเช่นเดียวกันโดยไม่ต้อง jQuery

var elementType = this.previousSibling.nodeName;

การตรวจสอบประเภทองค์ประกอบเฉพาะ:

var is_element_input = $(this).prev().is("input"); //true or false

นอกจากนี้คุณสามารถใช้:

$("#elementId").get(0).tagName

คุณควรใช้tagNameคุณสมบัติและattr('type')สำหรับอินพุต

ดังที่ Distdev พูดถึงคุณยังคงต้องแยกความแตกต่างของประเภทอินพุต กล่าวคือ,

$(this).prev().prop('tagName');

จะบอกคุณinputแต่นั่นไม่ได้แยกความแตกต่างระหว่างช่องทำเครื่องหมาย / ข้อความ / วิทยุ หากเป็นอินพุตคุณสามารถใช้

$('#elementId').attr('type');

เพื่อบอกให้คุณทำเครื่องหมายในช่อง / ข้อความ / วิทยุเพื่อให้คุณรู้ว่ามันคือการควบคุมแบบไหน

คุณสามารถใช้.is():

  $( "ul" ).click(function( event ) {
      var target = $( event.target );
      if ( target.is( "li" ) ) {
         target.css( "background-color", "red" );
      }
  });

ดูแหล่งที่มา

ใช้ get (0) .tagName ดูลิงค์นี้

ใช้ Nodename ผ่าน tagName:

nodeName มีฟังก์ชันการทำงานทั้งหมดของ tagName รวมทั้งอีกไม่กี่ ดังนั้น nodeName เป็นตัวเลือกที่ดีกว่าเสมอ

ดูDOM Core