使用jquery選擇器變量在我的情況下失敗

Question

var x = 1 
$('#item+x .list').remove(); 

如何在選擇器中插入x？上面的代碼不工作，我也嘗試$（「＃項目‘‘X’’.LIST」）..

Answer 1

adeneo和維傑都是對上如何做你所問的。

我要提的一件事是，IMO，使用增量ID（item1, item2等）是不好的做法，你可以最終得到一些非常混亂的代碼。

對於這樣的事情，我寧願給所有元素一個類而不是增量ID，並使用eq()來定位元素。只要記住，eq:()作品掀起了0基於陣列的概念，使eq:(0)將針對第一個元素，eq:(1)將針對第二，等等

這是一個人爲的例子：

var x = 1 
 
$('.items:eq('+x+') .list').remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="items"> 
 
    <ul class="list"> 
 
    <li>list 1</li> 
 
    </ul> 
 
</div> 
 
<div class="items"> 
 
    <ul class="list"> 
 
    <li>list 2</li> 
 
    </ul> 
 
</div> 
 
<div class="items"> 
 
    <ul class="list"> 
 
    <li>list 3</li> 
 
    </ul> 
 
</div> 
 
<div class="items"> 
 
    <ul class="list"> 
 
    <li>list 4</li> 
 
    </ul> 
 
</div> 
 
<div class="items"> 
 
    <ul class="list"> 
 
    <li>list 5</li> 
 
    </ul> 
 
</div>

Answer 2

試試這個希望這將有助於

var x = 1; 
$('#item' + x + ' .list').remove(); 

Answer 3

您也可以使用附加類並使用 $（this）.remove（） 。

如果你想與 $（本）.parent（）刪除父容器您還可以擴展到父刪除（）

例：

<ul> 
    <li class="item">Item1</li> 
    <li class="item">Item2</li> 
</ul> 

然後使用jQuery：

$('.item').click(function() { 
    $(this).remove(); 
})