특정 ID로 시작하는 태그 찾기

묶어서 파는 상품의 메인 상품을 삭제 시 특정 id로 찾아서 삭제해야 할 경우에 사용하면 유용하다.

 

<li class="li parent" id="li_12345">

 <div class="wrap">마루의 일상 부모 </div>

</li>

<li class="li child" id="li_12345_654321">

 <div class="wrap"> 마루의 일상 아이1 </div>

</li>

<li class="li child" id="li_12345_654322">

 <div class="wrap">마루의 일상 아이 2 </div>

</li>

 

<li class="li parent" id="li_12346">

 <div class="wrap"> 아이의 일상 부모 </div>

</li>

이렇게 있다고 치면 id가 li_12345로 시작하는 태그를 삭제할 경우 아래의 방법대로 하면 된다.

 

$(function() {

   $(".delete").click(function () {

        var product = '12345';

        $('[id^="li_'+product+'"]'). remove();   

    });

});

 

클래스도 가능하다.

이렇게 하면 삭제된다.