Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery获取html元素_Javascript_Jquery - Fatal编程技术网

Javascript 使用jquery获取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> ...

如果我有以下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>
    ...
    </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()等指定如何使用它。