jQuery를 사용하여 요소 유형 가져오기

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을 사용합니다.이 링크 보기

tagName 대신 노드 이름 사용:

nodeName에는 tagName의 모든 기능과 몇 가지 기능이 포함되어 있습니다.따라서 nodeName이 항상 더 나은 선택입니다.

DOM 코어 참조

언급URL : https://stackoverflow.com/questions/8388470/get-element-type-with-jquery