티스토리 뷰

JQuery

class 하위의 span의 id값 가져오기

깜장하마 2013. 11. 6. 23:17

jQuery(".set_form:not(:first)").css("display","none");

jQuery(".set_form_box h3").click(function(){


var spanID = $(this).find("span").attr("id");    // class 하위의 span의 id값 가져오기

if(jQuery("+.set_form",this).css("display")=="none"){

jQuery(this).siblings(".set_form").slideUp("fast");

jQuery("+.set_form",this).slideDown("fast");

//jQuery(".set_form_box h3 span").attr("class","btn_plus");

$('#'+spanID).removeClass("btn_plus");

$('#'+spanID).addClass("btn_minus");

} else {

jQuery(this).siblings(".set_form").slideDown("fast");

jQuery("+.set_form",this).slideUp("fast");

//jQuery(".set_form_box h3 span").attr("class","btn_minus");

$('#'+spanID).removeClass("btn_minus");

$('#'+spanID).addClass("btn_plus");

}

});



[html]

<div class="set_form_box">

<h3>

<strong>정보</strong>

<span class="btn_minus" id="right_btn01"></span>

</h3>

                                                 </div>

'JQuery' 카테고리의 다른 글

SVG를 이용하여 구글 챠트내 배경 이미지 변경  (0) 2020.01.15
jquery selector  (0) 2019.10.07
체크박스 팁  (0) 2014.03.24
Loading...  (0) 2014.01.17
롤오버시 이미지 변경  (0) 2011.02.26
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함