87,904
社区成员
发帖
与我相关
我的任务
分享juqery 单击表单td获取其他td
<table>
<tr>
<td>name </td>
<td style="display:none">id</td>
<td><a onclike=“openPage”>A</a></td>
</tr>
</table>
function openPage 该怎么写
能够点A连接获取到name和隐藏的id 一起拼到新开地址中
<tr>
<td>name </td>
<td style="display:none">id</td>
<td><a onclike=“openPage”>A</a></td>
</tr>
</table>
function openPage 该怎么写
能够点A连接获取到name和隐藏的id 一起拼到新开地址中
...全文
请发表友善的回复…
发表回复
天际的海浪 2017-03-25
- 打赏
- 举报
<table class="tt">
<tr>
<td>aaaaaa</td>
<td style="display:none">123</td>
<td><a href="#">A</a></td>
</tr>
<tr>
<td>bbbbbb</td>
<td style="display:none">456</td>
<td><a href="#">B</a></td>
</tr>
</table>
<script type="text/javascript">
$(".tt").on("click", "a", function(event){
var name = $(this).parent().prev().prev().text();
var id = $(this).parent().prev().text();
$(this).attr("href","xxxxx.php?name="+name+"&id="+id);
});
</script>
jQuery核心语法
1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。
2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。
由于jquery对象本身是一个集合,所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：
$("#msg").html();
$("#msg")[0][removed];
$("#msg").eq(0)[0][removed];
$("#msg").get(0)[removed];
3、如何获取jQuery集合的某一项
对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个
元素的内容。有如下两种方法：
$("div").eq(2).html(); //调用jquery对象的方法
$("div").get(2)[removed]; //调用dom的方法属性
4、同一函数实现set和get
Jquery中的很多方法都是如此，主要包括如下几个：
$("#msg").html(); //返回id为msg的元素节点的html内容。
$("#msg").html("new content");
//将“new content” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content
$("#msg").text(); //返回id为msg的元素节点的文本内容。
$("#msg").text("new content");
//将“new content” 作为普通文本串写入id为msg的元素节点内容中,页面显示new content
$("#msg").height(); //返回id为msg的元素的高度
$("#msg").height("300"); //将id为msg的元素的高度设为300
$("#msg").width(); //返回id为msg的元素的宽度
$("#msg").width("300"); //将id为msg的元素的宽度设为300
$("input").val("); //返回表单输入框的value值
$("input").val("test"); //将表单输入框的value值设为test
$("#msg").click(); //触发id为msg的元素的单击事件
$("#msg").click(fn); //为id为msg的元素单击事件添加函数
同样blur,focus,select,submit事件都可以有着两种调用方法
