Javascript 使用jquery获取html元素
如果我有以下html代码Javascript 使用jquery获取html元素,javascript,jquery,Javascript,Jquery,如果我有以下html代码 <div id="tabs"> <ul> <li><a href="#tab-One" class="tabLink">This is tab one</a></li> <li><a href="#tab-Two" class="tabLink">This is tab two</a></li> ...
<div id="tabs">
<ul>
<li><a href="#tab-One" class="tabLink">This is tab one</a></li>
<li><a href="#tab-Two" class="tabLink">This is tab two</a></li>
...
</ul>
</div>
...
如何将这个字符串提取到某个js变量One
或Two
(这当然是动态数据)。
此字符串正好位于
#tab-
和class=
之间。如果您想在单击时执行此操作,可以执行以下操作
var text = $("#tabs .tabLink[href='#tab-" + someJsVar + "']").text();
var activeTab = null;
$('#tabs .tabLink').click(function() {
activeTab = $(this).attr('href').split('-')[1];
window.alert(activeTab);
});
这将遍历所有的.tabLinks并获取您要查找的值
$('#tabs').find('.tabLink').each(function(i,el){
alert($(el).attr('href').replace('#tab-',''))
});
您忘记发布jQuery代码。
var One=$('#tabs.tabLink').eq(0).attr('href').replace('#tab-','')
@adeneo尝试了你的方法,它总是选择第一个元素1,我需要获取onclick数据、tabOne、tabTwo等。是的,它只针对第一个元素,这就是eq(0)
所做的,剩下的就留给你去弄清楚;-)。。。已尝试,未选择任何内容。有什么想法吗?我想你指的是$(this).attr
或this.href
解决了$(this.attr('href').split('-')[1];谢谢你的爆炸药片和修复我代码的最有效的方法。谢谢@ExplosionPills!someJsVar在这里代表什么?我需要从动态呈现的项目(tabOne、tabTwo、tabtwree等)中获取数据。有什么想法吗?为什么投反对票?这正好输出OP请求的内容。他们没有通过单击、.each()等指定如何使用它。