JQ选择器的补充
.siblings('[select]')的用法
html:
逻辑选择:
$(this).parent().prev().removeClass("all");
HTML元素赋予src值:
$(this).children("img").attr("src","images/newui/takeout/btn_up.png");
获取textarea中的文本
<textarea id="JWord" name="textarea" cols="" rows="" class="input_3"></textarea>
Rmdtext=$("#JWord").val();
html:
<ul class="list_item">
<li>
<span><strong>地 区:</strong></span>
<span name="all" class="all"><a href="#">全部</a></span>
<ul class="list_1">
<li><a href="#">卢湾区</a></li>
<li><a href="#">徐汇区</a></li>
<li><a href="#">静安区</a></li>
<li><a href="#">长宁区</a></li>
<li><a href="#">闵行区</a></li>
<li><a href="#">浦东新区</a></li>
<li><a href="#">黄浦区</a></li>
<li><a href="#">普陀区</a></li>
<li><a href="#">闸北区</a></li>
<li><a href="#">虹口区</a></li>
<li><a href="#">杨浦区</a></li>
<li><a href="#">宝山区</a></li>
<li><a href="#">松江区</a></li>
<li><a href="#">青浦区</a></li>
<li><a href="#">近郊</a></li>
</ul>
</li>
</ul>
$(".list_item span[name='all']").click(function(){});// 选中name="all"的span标签
.siblings('[select]')的用法
html:
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li class="third-item">list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
$('li.third-item').siblings().css('background-color', 'red');
选中class='third-item'的所有同辈元素 并添加CSS
逻辑选择:
$(this).parent().prev().removeClass("all");
HTML元素赋予src值:
$(this).children("img").attr("src","images/newui/takeout/btn_up.png");
获取textarea中的文本
<textarea id="JWord" name="textarea" cols="" rows="" class="input_3"></textarea>
Rmdtext=$("#JWord").val();