0
가능한 복제를 태그 이름을 얻을 : 나는 두 개의 서로 다른 상황에서 div 태그 안에 텍스트를 표시 할
Can jQuery provide the tag name?요소의
:
- I 첫 번째 자식 요소 위에 마우스를 올려 놓습니다. 텍스트를 id 및 태그 요소의 이름으로보고 싶습니다.
- 첫 번째 자식이 아닌 다른 요소 위로 마우스를 가져 가면 "이 첫 번째 자식이 아닙니다"라는 텍스트를보고 싶습니다.
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");
});