点击<a >的时候用js改变<a data-service-index="2" href=' '></a>中data-service-index的值？？
鼠标点击<a>链接的时候，怎么用js改变<adata-service-index="2"href=''></a>中data-service-index的值？？错误问题...
鼠标点击<a >链接的时候，怎么用js改变<a data-service-index="2" href=' '></a>中data-service-index的值？？
错误问题 展开
错误问题 展开
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏200（财富值+成长值）
4个回答
展开全部
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a id ="link" data-service-index="0" href='javascript:void(0);'>中data-service-index</a>
<script type="text/javascript">
var i = 0;
document.getElementById("link").onclick = function(){
this.dataset['serviceIndex'] = (++i);
//this.setAttribute("data-service-index",++i);
//以上两种方式，如果支持html自定义 data的浏览器可以使用第一种。其它可以使用第二种。
}
</script>
</body>
</html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a id ="link" data-service-index="0" href='javascript:void(0);'>中data-service-index</a>
<script type="text/javascript">
var i = 0;
document.getElementById("link").onclick = function(){
this.dataset['serviceIndex'] = (++i);
//this.setAttribute("data-service-index",++i);
//以上两种方式，如果支持html自定义 data的浏览器可以使用第一种。其它可以使用第二种。
}
</script>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用jq改么？
$(this).attr('data-service-index',4)，这样就可以了。
js是：
<a href="javascript:;" data-service-index="1" onclick="javascript:this.setAttribute('data-service-index',3)">测试</a>
更多追问追答
追问
我的这是点击一个还要改变一个input的值，是不是要写一个涵数封装起来，要怎么调用呢？？
追答
嗯，是的
比如这样
function change(o){
o.setAttribute('')//这里是改变属性值
document.getElementById('input').value="xxxxx";//这里改变input的值。
}
onclick = “change(this)”这样就行了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(document).on("click", "a", function(){
$(this).attr('data-service-index', '你想改变的值');
alert($(this).attr('data-service-index'));
});
$(this).attr('data-service-index', '你想改变的值');
alert($(this).attr('data-service-index'));
});
追问
要是点击一个,改变的是另一个的data-service-index值能实现吗？
追答
可以的
$(document).on("click", "a", function(){
$(this).attr('data-service-index', '你想改变的值');
alert($(this).attr('data-service-index'));
});
将上面的$(this)换成你想要改变的元素，就行了(class选择器，id选择器)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>YuGiOh</title>
<style type="text/css">
</style>
<script type="text/javascript">
function change ()
{
var dom = c1.querySelectorAll ("a");
for ( var i = 0; i < dom.length; i++)
{
dom[i].onclick = function ()
{
txt.value = this.getAttribute ("data-service-index")
this.setAttribute("data-service-index", 5);
}
}
}
onload = change;
</script>
</head>
<body>
<div id="c1">
<a data-service-index="1" href='#'>aaaaaaaaaaa</a>
<a data-service-index="2" href='#'>bbbbbbbbb</a>
<a data-service-index="3" href='#'>cccccccccccc</a>
<a data-service-index="4" href='#'>ddddddddddd</a>
<a data-service-index="5" href='#'>eeeeeeeee</a>
<a data-service-index="6" href='#'>ffffffffff</a>
</div>
<input type="text" id="txt" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
