如何选择id以"player_"开头的所有元素?
我有这样的多个元素:
<div id="player_290x3dfda">text</div>
Run Code Online (Sandbox Code Playgroud)
每个人id都有一个独特的印章.如何使用jQuery或纯CSS选择所有这些元素?
首先,我认为这对于CSS3来说太复杂了,但是如果某个地方有解决方案的话,我很乐意改用它.
HTML非常简单.
<div class="parent">
<div class="child">
Text Block 1
</div>
</div>
<div class="parent">
<div class="child">
Text Block 2
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
子div设置为display:none; 默认情况下,但随后更改为display:block; 当鼠标悬停在父div上时.问题是这个标记出现在我的网站上的几个地方,我只希望孩子显示如果鼠标在它的父母上面,而不是如果鼠标在任何其他父母上面(他们都有相同的类)名称和没有ID).
我已经尝试使用$(this),并.children()无济于事.
$('.parent').hover(function(){
$(this).children('.child').css("display","block");
}, function() {
$(this).children('.child').css("display","none");
});
Run Code Online (Sandbox Code Playgroud) 我多次听说jQuery最强大的资产是它在DOM中查询和操作元素的方式:你可以使用CSS查询来创建在常规javascript中很难做到的复杂查询.不过,据我所知,就可以实现同样的结果document.querySelector或者document.querySelectorAll,这是在Internet Explorer 8和更高版本支持.
所以问题是这样的:如果使用纯JavaScript可以实现最强大的资产,为什么'冒险'jQuery的开销?
我知道jQuery不仅仅有CSS选择器,例如跨浏览器AJAX,附带好的事件等等.但它的查询部分是jQuery强大的一部分!
有什么想法吗?
HTML:
<div id="panel">
<table>
<tr>
<td><input id="Search_NazovProjektu" type="text" value="" /></td>
</tr>
<tr>
<td><input id="Search_Popis" type="text" value="" /></td>
</tr>
</table>
</div>
Run Code Online (Sandbox Code Playgroud)
我需要选择特定div中的所有输入.
这不起作用:
var i = $("#panel > :input");
Run Code Online (Sandbox Code Playgroud) 这可能很简单.
我想选择给定类的所有元素thisClass,除非id是thisId.
即相当于(其中 - /减号暗示删除)的东西:
$(".thisClass"-"#thisId").doAction();
Run Code Online (Sandbox Code Playgroud) 是否有一个不区分大小写的版本:包含 jQuery选择器,还是应该通过循环遍历所有元素并将它们的.text()与我的字符串进行比较来手动完成工作?
有没有办法在jQuery中检查是否有父,祖父,曾祖父有一个类.
我有一个标记结构让我在代码中做了这样的事情:
$(elem).parent().parent().parent().parent().hasClass('left')
Run Code Online (Sandbox Code Playgroud)
但是,为了代码可读性,我想避免这种事情.有没有办法说"任何父母/祖父母/曾祖父母都有这门课程"?
我正在使用jQuery 1.7.2.
是否可以将类选择器和属性选择器与jQuery结合使用?
例如,给定以下HTML:
<TABLE>
<TR class="myclass" reference="12345"><TD>Row 1</TD></TR>
<TR class="otherclass" reference="12345"><TD>Row 2</TD></TR>
<TR class="myclass" reference="12345"><TD>Row 3</TD></TR>
<TR class="myclass" reference="54321"><TD>Row 4</TD></TR>
</TABLE>
Run Code Online (Sandbox Code Playgroud)
我可以用什么选择器来选择第1行和第3行?
我试过了:
$(".myclass [reference=12345]") // returns nothing
$(".myclass, [reference=12345]") // returns all 4 rows (yes, I know the comma means 'or')
Run Code Online (Sandbox Code Playgroud)
我确定答案非常简单,我已经尝试搜索jQuery论坛和文档,但我似乎无法想出这个.有人可以帮忙吗?
.offset([coordinates])method设置元素的坐标,但仅相对于文档.那么我如何设置元素的坐标但相对于父元素的坐标?
我发现该.position()方法只获得相对于父级的"top,left"值,但它没有设置任何值.
我试过了
$("#mydiv").css({top: 200, left: 200});
Run Code Online (Sandbox Code Playgroud)
但不起作用.
我有以下HTML:
div
我希望能够使用选择内部div的选择器,但特定于"mydiv"容器.我怎样才能用JQuery实现这一目标?
jquery ×10
jquery-selectors ×10
javascript ×5
css ×3
html ×3
class ×1
css-position ×1
jquery-1.7 ×1
parent ×1
positioning ×1