<li data-id="528">
<a title="LOGIN" class="dropdown-toggle" href="#">
<i class="glyphicon glyphicon-user"></i>LOGIN</a>
<div style="width: 350px;" data-width="350" data-class="menu-login-row">My other content</div>
</li>
我有这个HTML我想通过data-id来改变内容,如下面给出的
<li data-id="528">
<a title="LOGOUT" href="/logout">
<i class="glyphicon glyphicon-user"></i>LOGOUT</a>
<div style="width: 350px;" data-width="350" data-class="menu-login-row">My other content</div>
</li>
如果,请建议我
这是否可行谢谢。
答案 0 :(得分:4)
您可以按属性选择器获取元素,并使用.html()修改内容:
ActionChains
实际上你可以通过.html()
修改jquery元素的innerHtmlactions = ActionChains(self._current_browser())
actions.click_and_hold(source)
actions.move_by_offset(1,1)
actions.move_to_element_with_offset(target,1,1)
actions.perform()
答案 1 :(得分:3)
是的,这是可能的。
喜欢这个
var a=$('li[data-id="528"]').find('a');
a.attr('href','/logout');
a.contents().filter(function() {
return this.nodeType == 3
}).each(function(){
this.textContent = this.textContent.replace('LOGIN','LOGOUT');
});
答案 2 :(得分:0)
试试吧。
var htmlData = '<a title="LOGOUT" href="/logout">';
htmlData+= '<i class="glyphicon glyphicon-user"></i>LOGOUT</a>';
htmlData+='<div style="width: 350px;" data-width="350" data-class="menu-login-row">My other content</div>';
jQuery('li[data-id="528"]').html(htmlData);
答案 3 :(得分:0)
您只能为此
编写一行代码$('li[data-id="528"]').find('a').attr("title","LOGOUT").attr("href","/logout").html('<i class="glyphicon glyphicon-user"></i>LOGOUT</a>');