js代码对每个链接被点击的事件都有类似的处理,如果通过ID区分被点击的链接需要有4段相似的代码
能不能通过测试(如下js代码),找到被点击的链接,然后进行相应的处理,目的是减少代码量
jquery支不支持点击事件的测试?这个测试该怎样实现呢?谢谢!
jquery要是不行,js能不能实现?<div id="nihao">
<a id="1" href="url">url</a>
<a id="2" href="url">url</a>
<a id="3" href="url">url</a>
<a id="4" href="url">url</a>
</div>$("a").click(function () {
//这个时候不知道哪个链接被点击了
$("div").find("a").each(function () {
//这里测试每个链接,看是不是被点击了
});});
能不能通过测试(如下js代码),找到被点击的链接,然后进行相应的处理,目的是减少代码量
jquery支不支持点击事件的测试?这个测试该怎样实现呢?谢谢!
jquery要是不行,js能不能实现?<div id="nihao">
<a id="1" href="url">url</a>
<a id="2" href="url">url</a>
<a id="3" href="url">url</a>
<a id="4" href="url">url</a>
</div>$("a").click(function () {
//这个时候不知道哪个链接被点击了
$("div").find("a").each(function () {
//这里测试每个链接,看是不是被点击了
});});
解决方案 »
- jquery load head不显示问题
- ★JavaScript控制框架中的链接问题?
- 一个正则表达式断言在javascript中的问题
- 这样的程序是怎么制作的?那些网站联盟,通过注册,得到一段 js 代码或文件,放到自己的网页上就能显示对方的信息,这样的网络程序是怎么
- 怎么用JS调用PHP的程序?
- “层”是透明的 如何弄成不透明的。
- 网页里面可以内嵌动态链接库吗?
- 将值传递到表单的问题??????
- url="index.asp?p_id=" & rs("p_id") & "user=" & rs("u_name") & "pwd=" & rs("u_pwd")
- js遍历树结构
- 关于Js后加载,出现加载2次的解决办法。
- 怎么让光标离开后,把下拉菜单还原?
<a id="1" href="#">url</a>
<a id="2" href="#">url</a>
<a id="3" href="#">url</a>
<a id="4" href="#">url</a>
</div><script>
$("a").click(function () {
$(this).attr("visited",true);
//这个时候不知道哪个链接被点击了
$("div").find("a").each(function () {
alert($(this).attr("visited"));
});});
</script>
$("a").click(function () {
$("div").find("a").each(function () {
alert($(this).attr("id"));//弹出id,id都不同么
});});
</script>
IE不支持a :visited属性
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$("a").click(function (e) {
alert(e.currentTarget.id);//显示出点击事件源的ID.
});
});
</script>
</head>
<body>
<div id="nihao">
<a id="1" href="#">url</a>
<a id="2" href="#">url</a>
<a id="3" href="#">url</a>
<a id="4" href="#">url</a>
</div></body>
</html>
var tid = $(this).attr("id");
alert(tid);//这时点不同链接会弹出不同的提示吧
})
$("div").find("a").each(function () {
//这里测试每个链接,看是不是被点击了
});
看起来是毋庸的代码
$("a").click(function () {
//这个时候不知道哪个链接被点击了
//想要怎么处理就怎么处理,为什么一定要知道哪个点击?
});
$("a").click(function(){
alert($(this).attr("id"));
});
<script src="jquery-1.3.2.min.js"></script>
<script>
$(function(){
$("#nihao>a").click(function () {
alert($(this).attr("id"));//弹出id,id都不同么
});
});
</script>
<div id="nihao">
<a id="1" href="#">url</a>
<a id="2" href="#">url</a>
<a id="3" href="#">url</a>
<a id="4" href="#">url</a>
</div>这样处理就OK了。加个>限制下,以免和页面其他的A连接混合!
<script type="text/javascript">
$(function() {
$("#nihao>a").click(function () {
alert(this.id);//显示出点击事件源的ID.
});
});
</script>
<div id="nihao">
<a id="1" href="#">url</a>
<a id="2" href="#">url</a>
<a id="3" href="#">url</a>
<a id="4" href="#">url</a>
<p>
<a id="11" href="#">url</a>
</p>
</div>
<div id="nihao2">
<a id="5" href="#">url</a>
<a id="6" href="#">url</a>
<a id="7" href="#">url</a>
<a id="8" href="#">url</a>
</div>这样用应该是最短的了!不知道有没有更简短的方法!
这里的visited属性只是随便写的而已,可以用其它名称代替,在这里只是为点击过的链接做个标记,不知道LZ的意思是不是这样