2014-01-08 96 views
-2

我有下面的HTML結構屬性值:查找元素通過其子jQuery中

<ul class="dpt1 yui-dt-ul ui-sortable"> 
     <li class="dpt1 yui-dt-first dpt1 yui-dt-even"> 
      <input class="sort" type="hidden" data-sort="1" data-rule-id="8337" data-ruletype="2" data-dpt="1" data-cid="1511"/> 
      <a class="CSSprite btn16 ed etib" title="Edit rule" href="#" data-ruletype="2" data-dpt="1" data-cid="1511" data-rule-id="8337">Edit rule</a> 
      <a class="CSSprite btn16 nuke etib" title="Delete rule" href="#" data-ruletype="2" data-dpt="1" data-cid="1511" data-rule-id="8337">Delete rule</a> 
      Price New 2010 Dodge Avenger cars at List Price - $300 (Discount: -300) Sort Order: 
      <input class="sorttextbox" type="text" maxlength="5" data-sort="1" data-rule-  id="8337" data-ruletype="2" data-dpt="1" data-cid="1511" value="1"/> 
     </li> 

     <li class="dpt1 yui-dt-odd WarnMsg"> 
      <input class="sort" type="hidden" data-sort="2" data-rule-id="9100" data-ruletype="2" data-dpt="1" data-cid="1511"/> 
      <a class="CSSprite btn16 ed etib" title="Edit rule" href="#" data-ruletype="2" data-dpt="1" data-cid="1511" data-rule-id="9100">Edit rule</a> 
      <a class="CSSprite btn16 nuke etib" title="Delete rule" href="#" data-ruletype="2" data-dpt="1" data-cid="1511" data-rule-id="9100">Delete rule</a> 
      Price New 2008 zzTEST Grand Caravan C/V Gas V6 3.3L/202 cars at List Price Sort Order: 
      <input class="sorttextbox" type="text" maxlength="5" data-sort="2" data-rule-  id="9100" data-ruletype="2" data-dpt="1" data-cid="1511" value="2"/> 
     </li> 
</ul> 

可一些身體提醒我如何通過其子輸入標籤數據排序值獲得li元素?

+3

使用'.closest()'或者甚至'.parent()'也沒關係,因爲你還沒有嘗試過 –

回答

0

如果你想有一個輸入孩子data-sort="1"<li>元素,那麼你可以做的是這樣的:

$("ul li input[data-sort='1']").closest("li"); 
1

試試這個:

$("input[data-sort='1']").parent(); 
0

您可以輕鬆地獲取父li元素由其子女輸入標籤data-sort屬性值:

var attributevalue = "1"; //-- Enter your desired `data-sort` value   
$("input[data-sort='" + attributevalue + "']").parent(); 

Try this fiddle