Question

JS，JQ，如何修改调用当前function的元素的html内容

貌似可以用this 关键字得到当前元素。
<div class="invite_an1"><a href="javascript:invited(${userId},this)">邀请</a></div>
页面元素是这样的。如果我要修改这个div的内容。求助该如何做。
谢谢！！

Answer 1

如果写在href中,那么this并不总是有效的,一般要写在onclick中才行,将父元素作为参数传递给函数可以用如下方法:
<div class="invite_an1"><a href="javascript:void(0);" onclick="javascript:invited(${userId},this.parentNode)">邀请</a></div>

Answer 2

先获取到这个div，jq的做法
var elem = $('.invite_an1');
elem.html('这是修改后的内容'); //替换这个div里面的内容
建议你网上下一本jquery的chm参考手册。

追问

我有多个邀请
不可能用var elem = $('.invite_an1');得到调用的DIV，谢谢一楼的答案

追答

你是要改多个？还是只改一个？如果能改html，可以给不同的div加不同的id或者class

如果不能改html，可以用eq(i)来获取对应的div，比如有3个div.invite_an1

<div class="invite_an1"><a href="javascript:invited(${userId},this)">邀请</a></div>
<div class="invite_an1"><a href="javascript:invited(${userId},this)">邀请</a></div>
<div class="invite_an1"><a href="javascript:invited(${userId},this)">邀请</a></div>

你想改第二个 可以这样 $('.invite_an1').eq(1).html('xxx');

追问

不改HTML，关键是点击的时候，不知道是哪一个DIV触发的。，所以不能定位，如果可以加特征搞定，就简单多了。我要实现的的功能是，点击后，修改该事件触发的DIV的HTML.
非常感谢你的回答。

追答

晕

我不喜欢在html中夹杂着js

还是举这个例子 jq事件里 $(this) 代表当前触发事件的那个对象

<div class="invite_an1"><a href="###">邀请</a></div>
<div class="invite_an1"><a href="###">邀请</a></div>
<div class="invite_an1"><a href="###">邀请</a></div>

var oDiv = $('.invite_an1');
oDiv.each(function(){
    $(this).bind('click',function(){
        $(this).html('你修改了我')
    })
})

追问

顶，这个方法也可以。谢谢你！