jQuery查詢元素常用方法整理

1. jquery 獲取同級上下元素
<td id="td1"></td>
<td id="td2"></td>
<td id="td3"></td>
上：$("#t2").prev();//獲取td1
下：$("#t2").next();//獲取td3

2.jquery 獲取最近元素
<tr>
<td>
<input type="text" id="text"/>
</td>
</tr>

$("#text").closest("td");//獲取td
$("#text").closest("tr");//獲取tr

3.jquery獲取元素id/name
<tr id="trID" name="trName">
<td id="tdID" name="tdName">
<input type="text" id="text"/>
</td>
</tr>

$("#text").closest("td").arrt("id");//tdID
$("#text").closest("tr").arrt("name");//trName

4.jquery設置select選中
<select id="select">
 <option value="1">一</option>
 <option value="2">二</option>
 <option value="3">三</option>
</select>
$(document).ready(function(){
   $("#select").val(2);//選中第二項
});

5.jquery元素循環
<ul id="ulfor">
 <li>1</li>
 <li>2</li>
 <li>3</li>
</ul>
$(docuent).ready(function(){
   $.each($("#ulfor").find("li"),function(i,li)){
      alert($(li).html());//循環打印1 2 3
    }
});