2012-02-26 3 views
0

가능한 복제를 태그 이름을 얻을 : 나는 두 개의 서로 다른 상황에서 div 태그 안에 텍스트를 표시 할
Can jQuery provide the tag name?요소의

:

  1. I 첫 번째 자식 요소 위에 마우스를 올려 놓습니다. 텍스트를 id 및 태그 요소의 이름으로보고 싶습니다.
  2. 첫 번째 자식이 아닌 다른 요소 위로 마우스를 가져 가면 "이 첫 번째 자식이 아닙니다"라는 텍스트를보고 싶습니다.

Example

HTML :

<ul id="ul1">ul1 
    <li id="aa">1</li> 
    <li id="bb">2</li> 
    <li id="cc"class="elm">3</li> 
    <li id="dd">4</li> 
    <li id="ee">5</li> 
</ul> 
<ul id="ul2">ul2 
    <li id="ul2-1">1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
    <li>5</li> 
</ul><br/> 

<div>element-name</div> 

CSS :

div,li{ width:40px; height:40px; margin:10px; 
     float:left; border:2px blue solid; 
     padding:2px; } 
ul{ width:100px; height:10px; margin:10px; 
     float:left; border:2px blue solid; 
     padding:2px; } 
    span { font-size:14px; } 
    p { clear:left; margin:10px }​ 

jQuery를 : 당신은 태그를 얻을 수 있습니다

var $curr = $(".elm"); 
$curr.css("background", "#f99"); 

$("*:first-child") 
     .css("background", "#cac") 
     .hover(function() { 
       $(this).css("background","green"); 

      $('div').text(this.id+$(this).tagname()); 

      }, function() { 
       $(this).css("background", "#cac"); 
      }); 

답변

0

DOM 속성이 .tagName 인 nme. 이미있는 경우

$('div').text(this.id+this.tagname); 

: 당신은 ID와 태그 이름이있는 DIV의 텍스트가 될 만들 수

$("*:first-child").hover(function() { 
    console.log(this.tagName); 
}); 

:이 jQuery를 속성 아닙니다,이 같은 DOM 속성입니다 jQuery 객체에서 DOM 객체를 가져 오려면 myObj$.get(0) 또는 myObj$[0]처럼 .get (0) 또는 [0]을 사용하면됩니다. 이벤트 처리기에서 this은 이미 이벤트를 발생시킨 개체의 DOM 개체입니다.

그 이상으로, 나는 당신이 정말로 요구하는 것을 말할 수 없습니다.

관련 문제