Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.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
CSS和Jquery选择器_Jquery_Html_Css - Fatal编程技术网

CSS和Jquery选择器

CSS和Jquery选择器,jquery,html,css,Jquery,Html,Css,您能否提供一个CSS选择器,它将提供以下span元素的结果?我正在努力学习它,但在这个特殊的问题上却陷入了困境 商业 校园 可移动的 传真 主页更新: span的Xpath将是 //span[contains(@id,"PERSONAL_PHONE_PHONE_TYPE")] 旧答案: 这将选择您需要的所有元素 说明: 正在传递的css选择器表示 以元素为例,它有一个tr类型的祖辈,后跟一个div的父元素,最后该元素应该是一个span类型的元素,类为PSDROPDOWNLIST_dispuo

您能否提供一个CSS选择器,它将提供以下span元素的结果?我正在努力学习它,但在这个特殊的问题上却陷入了困境

商业 校园 可移动的 传真 主页更新:

span的Xpath将是

//span[contains(@id,"PERSONAL_PHONE_PHONE_TYPE")]
旧答案:

这将选择您需要的所有元素

说明:

正在传递的css选择器表示

以元素为例,它有一个tr类型的祖辈,后跟一个div的父元素,最后该元素应该是一个span类型的元素,类为PSDROPDOWNLIST_dispuonly

例如:


首先,确保jQuery被正确包含。您将需要最新版本,即3.2.1

由于符号$,表的id将导致jQuery错误。您需要将表id从tdgbrPERSONAL_PHONE$0更改为tdgbrPERSONAL_PHONE_0或类似的内容

要使用jQuery选择id,请使用以下语法:

$('#idNameHere');
因此,要选择表格,请使用以下命令:

$('#tdgbrPERSONAL_PHONE_0');
$('#tdgbrPERSONAL_PHONE_0 span');
然后,要查找表中的所有跨距(即使它们不是表的直接子级),请使用以下命令:

$('#tdgbrPERSONAL_PHONE_0');
$('#tdgbrPERSONAL_PHONE_0 span');
要记录每个跨度的文本,可以使用jQuery.each函数

$('#tdgbrPERSONAL_PHONE_0 span').each(function() {  
});
然后,只需在上面的函数中插入console.log$this.text即可

$('#tdgbrPERSONAL_PHONE_0 span').each(function() {  
  console.log($(this).text()); 
});
$'tdgbrPERSONAL_PHONE_0 span'。每个函数{ console.log$this.text; }; 商业 校园 可移动的 传真 家
你能解释一下你到底想做什么以及问题出在哪里吗?$'.PSDROPDOWNLIST_DISPONLY'将选择所有这些元素。它还将选择页面上class=PSDROPDOWNLIST\u DISPONLY的任何其他元素。@Dekel您能否提供一个CSS选择器,该选择器可以利用jQuery扩展,只查找包含上述span元素的表?设计选择器,使其基于跨距而不是表本身,即假设表属性是任意的,并使选择器相对于跨距。您能提供包含上述跨距的表吗?@JamesDouglas这里是整个代码的链接Hi!我不想问这个问题,但我看不到任何变化,你能解释一下吗?@Abhi在控制台中,你只能看到你想要的结果,对吗?@Abhi你在问题中所说的结果是什么意思?我已经为CSS选择器添加了一个解释!我可以在控制台中看到结果,谢谢。我的意思是要显示列出的所有跨度项目。是的!但是,对于这段代码,我确实有另一个问题。你介意帮我吗?你的回答太棒了!