jquery怎样点击某个元素后获得另一个元素里的链接并跳转
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery怎样点击某个元素后获得另一个元素里的链接并跳转相关的知识，希望对你有一定的参考价值。
比如有两个li，其中第二个li里有一个a标签，我怎样在点击第一个li的时候，获取到第二个li里面的a标签的链接然后跳转，另外这两个li是不在一个ul里的
如果你对jq有基础的话，那么思路：
1.点击id为btn按钮
2.获取id为source元素的链接href地址
3.跳转
代码演示：
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="http://www.huarongyuemao.com.cn/templets/mask/js/jquery.js"></script>
<script type="text/javascript">
$(function()
$('#btn').click(function()
var href = $('#source').attr('href');
location.href = href;
)
)
</script>
</head>
<body>
<p id="btn">点击</p>
<a href="http://www.baidu.com" id="source"></a>
</body>
</html> 参考技术A 做好标记，当点击第一个LI的时候获取第二个LI的A链接，并打开一个新的窗口，比如说第一个第一个LI的ID是li1第二个的是li2那么代码如下：
$("#li1").click(function()
var at=$("#li2 a").attr("href");
windown.open(at);
);
就行了~只是个大体的例子~具体的细节你自己再去改吧~本回答被提问者采纳
JavaWeb04-HTML篇笔记
1.1 案例四：使用JQuery完成省市二级联动:1.1.1 需求：
在注册页面上籍贯的信息,需要用到省市联动效果.
1.1.2 分析：1.1.2.1 技术分析:
【JQuery的DOM操作】
* 常用的方法:
* append(); ---在某个元素后添加内容.
* appendTO(); ---将某个元素添加到另一个元素后.
* remove(); ---将某个元素移除.
【JQuery的遍历】
遍历的方式一：
* $.each(objects,function(i,n){
});遍历的方式二:
* $(“”).each(function(i,n){
});
$(function(){
var arrs = new Array("张森","张凤","张芙蓉");
// 将这个数组转成JQ的对象使用each方法.
/*$(arrs).each(function(i,n){
alert(i+" "+n);
});*/
$.each(arrs,function(i,n){
alert(i+" "+n);
});
});1.1.2.2 步骤分析：
【步骤一】：引入注册页面，引入jq的js.
【步骤二】：获得到第一个下拉列表,change事件.
【步骤三】：获得到被选中的下拉列表的值.
【步骤四】：去数组中进行比对.
【步骤五】：将数组中的值遍历获得到.
【步骤六】：创建元素，创建文本,将文本添加到元素中,将元素添加到第二个列表中.
1.1.3 代码实现：
<script>[/align] $(function(){
// 定义数组：
/*var arrs = new Array(5);
arrs[0] = new Array("杭州市","绍兴市","温州市","义乌市","嘉兴市");
arrs[1] = new Array("南京市","苏州市","扬州市","无锡市");
arrs[2] = new Array("武汉市","襄阳市","荆州市","宜昌市","恩施");
arrs[3] = new Array("石家庄市","唐山市","保定市","邢台市","廊坊市");
arrs[4] = new Array("长春市","吉林市","四平市","延边市");*/
var cities = [
["杭州市","绍兴市","温州市","义乌市","嘉兴市"],
["南京市","苏州市","扬州市","无锡市"],
["武汉市","襄阳市","荆州市","宜昌市","恩施"],
["石家庄市","唐山市","保定市","邢台市","廊坊市"],
["长春市","吉林市","四平市","延边市"]
];
var $city = $("#city");
// 获得代表省份的下拉列表:
$("#province").change(function(){
// alert(this.value);
// alert($(this).val());
$city.get(0).options.length = 1;
var val = this.value;
// 遍历并且判断:
$.each(cities,function(i,n){
// 判断:
if(i == val){
$(n).each(function(j,m){
// alert(j+" "+m);
$city.append("<option>"+m+"</option>");
});
}
});
});
});
</script>
{:9_565:}以上是关于jquery怎样点击某个元素后获得另一个元素里的链接并跳转的主要内容，如果未能解决你的问题，请参考以下文章
jQuery如何实现点击页面获得当前点击元素的id或其他信息