javascript - 如何制作查找类和 data-id=X 的选择器

Question

<ul>
<li id="RadListBox1_i2" class="rlbItem ui-draggable">

    <div class="ui-draggable ui-state-default" data-shortid="1007">
    <em>ProductId: </em>
    <span>110-01-070-10</span>
    <br>
    <em>ShortID: </em>
    <span class="ShortID" data-shortid="1007">1007</span>
    <br>
    <em>Product Name: </em>
    <span>Clearly Retro Style Colour Name Necklace</span>
    <br>

    <em>
    </div>
    </span>
    </li>
    <li id="RadListBox1_i3" class="rlbItem ui-draggable">
    <li id="RadListBox1_i4" class="rlbItem ui-draggable">

</ul>

我需要构建选择器来查找包含 id=X 的元素并通过 .draggable('disable'); 禁用此项目

有些人是这样想的:

找到 data-shortid=X 的类 y 并使其成为

$("ul li").find(".ShortID").attr("data-shortid="+X+).draggable('disable');

答案:

$("span.ShortID[data-shortid="+ShortId+"]").parents("li:first").draggable("disable");

Answer 1

您需要禁用 li，而不是 span，因此您需要找到父级:

$("span.ShortID[data-shortid=1007]").parents("li").draggable("disable");