Jquery 获取同级或者上下级元素的值 详细案例

原型————

<tr>
<td>1111<td>
<td>已开启<td>
<td><a href="javascrpit:void(0)" οnclick="updateState(this)">禁用</a><td>
</tr>
$(obj).parent().prev().html("已禁用");
$(obj).html("开启");
$(obj).attr("href","www.baidu.com");
这句话的意思就是获取当前元素a标签的父级元素td的上一个td的html改为已禁用  
效果如下————
<tr>
<td>1111<td>
<td>已禁用<td>
<td><a href="www.baidu.com" οnclick="updateState(this)">开启</a><td>
</tr>

------------

<tr><td>111</td><td>222</td><td><a οnclick="change(this)">点击</a></td><tr/>
当点击的时候 三种效果是一样的 都是改变第一td的值
function change(obj){
$(obj).parent().prev().prev().html("333");
$(obj).parents("tr").find("td").eq(0).html("444");
$(obj).parents("tr").children("td").eq(0).html("555");
}

Jquery.text().html().val()的区别
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
html就是你可以添加像<a></a>、<p></p>等标记
text只能写文本如果写了上面的标记则会以文本形式输出
val是属性，只有有该属性的对象才能调用
html(), 相当于 innerHTML
text(), 相当于 innerTEXT
val() 只有有value属性的才能取到值
1、<input type='text' value='xxx' id='inputVal'/> 这个就需要用 val()，只有当标签中有value属性时才能使用这个方法。例：$("inputVal").val("Hello Word!!!");既可以为文本框赋值：Hello Word！！！；$("inputVal").val();既可以获得这个文本框的value属性值：xxx。

2、<div id='divText'>div元素><span>你好</span></div >这个就用 text()。例：$("divText").text();就可以得到：div元素你好；$("divText").text("Hello Word!!!");这时就可以将其代码修改为：<div id='divText'>Hello Word!!!</div >

3、<div id="divHtml"><p>您好！</p></div> 这个就用html()。例：$("#divHtml").html();可以得到：<p>您好！</p>；$("#divHtml").html("<span>Hello Word!!!</span>");这时就可以得到代码：、<div id="divHtml"><span>Hello Word!!!</span></div>