Javascript & JQuery & CSS > siblings() - ÇüÁ¦ °´Ã¼¸¦ ã¾Æ¶ó... µî·ÏÀÏ : 2017-07-04 14:30 Á¶È¸¼ö : 53,231siblings() °´Ã¼´Â item°´Ã¼¿Í µ¿ÀÏÇÑ À§Ä¡¿¡ ÀÖ´Â ¸ðµç °´Ã¼ (ÀÚ½ÅÀ» Á¦¿ÜÇÑ ÇüÁ¦¿ä¼Ò) ¸¦ °Ë»öÇÒ ¼ö ÀÖ´Â ¸Þ¼Òµå ÀÔ´Ï´Ù.
ul ÅÂ±× ¹Ø¿¡ li ű×ÀÇ ÇüÁ¦µéÀÌ 5°³°¡ ÀÖ½À´Ï´Ù.$(this).click ÀÌ °´Ã¼µéÀ» Ŭ¸¯ÇßÀ» °æ¿ì, $(this).addClass("selected"); $(this).siblings().removeClass("selected"); ÀÌ µÎÁÙÀÇ ÇÁ·Î±×·¥ÀÌ ½ÇÇàÀÌ µË´Ï´Ù. $(this).siblings() ÇÔ¼ö°¡ ½ÇÇàµÇ´Âµ¥¿ä. ¿©±â¿¡¼ $(this) °´Ã¼°¡ li ű×À̱⠶§¹®¿¡ Ŭ¸¯ÇÑ this ű׸¦ Á¦¿ÜÇÑ ³ª¸ÓÁö °´Ã¼´Â removeClass("selected"); ¸í·ÉÀÌ ½ÇÇàµÇ¾î style ÀÌ ¾ø¾îÁö°Ô µË´Ï´Ù.
À§ ¼Ò½º¿Í °°Àº űװ¡ Á¸ÀçÇÕ´Ï´Ù.orange id ¸¦ ±âÁØÀ¸·Î ÇüÁ¦ ű×Áß class °¡ '.P' ÀΰÍÀ» ã°íÀÚ ÇÕ´Ï´Ù. ÀÌ·± °æ¿ì $("#orange").siblings(".p").css("color","#ff0000"); À§ ¼Ò½º¿Í °°Àº Çü½ÄÀ¸·Î ±¸Çö ÇÒ ¼ö ÀÖ½À´Ï´Ù. ÇüÁ¦ ¿ä¼ÒÁß siblings(".p") ÅëÇØ class="p" ÀÎ °´Ã¼¸¦ °Ë»ö ÇÒ ¼ö ÀÖ½À´Ï´Ù. Á¦ÁÖ°¨±Ö °ú ¿À·»Áö ű״ Á¦¿Ü µË´Ï´Ù.......
|