用Jquery怎么删除class相同 但id不同的元素?

用Jquery怎么删除class相同 但id不同的元素？加入有一下4个li标签

<li class="product" id="a1">樱桃</li>
<li class="product" id="a2">苹果</li>
<li class="product" id="a3">雪梨</li>
<li class="product" id="a4">猕猴桃</li>

如果我要在标签内删除猕猴桃这个标签，用Jquery这么写：

$(".product[id='猕猴桃']").remove();

如果id是动态的，假设为idTest则只需这样写：

<pre name="code" class="html">$(".product_li[id='"+idTest+"']").remove();

在这个元素上加上一个点击事件，即可实现点击在页面中删除该标签