title: How to make selector that find class and data-id=X
body: <pre><code>&lt;ul&gt;
  &lt;li id="RadListBox1_i2" class="rlbItem ui-draggable"&gt;
  
      &lt;div class="ui-draggable ui-state-default" data-shortid="1007"&gt;
      &lt;em&gt;ProductId: &lt;/em&gt;
      &lt;span&gt;110-01-070-10&lt;/span&gt;
      &lt;br&gt;
      &lt;em&gt;ShortID: &lt;/em&gt;
      &lt;span class="ShortID" data-shortid="1007"&gt;1007&lt;/span&gt;
      &lt;br&gt;
      &lt;em&gt;Product Name: &lt;/em&gt;
      &lt;span&gt;Clearly Retro Style Colour Name Necklace&lt;/span&gt;
      &lt;br&gt;
  
      &lt;em&gt;
      &lt;/div&gt;
      &lt;/span&gt;
      &lt;/li&gt;
      &lt;li id="RadListBox1_i3" class="rlbItem ui-draggable"&gt;
      &lt;li id="RadListBox1_i4" class="rlbItem ui-draggable"&gt;
  
  &lt;/ul&gt;
  </code></pre>
  
  <p>I need to build selector that find element that contains id=X and disable this item by <code>.draggable('disable');</code></p>
  
  <p>Some think like this:</p>
  
  <p>find class y where <code>data-shortid=X</code> and make it </p>
  
  <pre><code>$("ul li").find(".ShortID").attr("data-shortid="+X+).draggable('disable');
  </code></pre>
  
  <p>Answer :</p>
  
  <p><code>$("span.ShortID[data-shortid="+ShortId+"]").parents("li:first").draggable("disable");</code></p>