如何通过jquery选择子元素
试试这个:如何通过jquery选择子元素,jquery,html,css,Jquery,Html,Css,试试这个: var dropDownItem = $('#container_security > div > dl > dt > span > span'); dropDownItem.attr('title', dropDownItem.val()); 代码说明: 它几乎选择id为container\u security的div,然后向下查找它的后代,然后当它找到一个类为.container\u secclass\u dropdown的元素时,它会选择该元素,
var dropDownItem = $('#container_security > div > dl > dt > span > span');
dropDownItem.attr('title', dropDownItem.val());
代码说明:
它几乎选择id为container\u security
的div,然后向下查找它的后代,然后当它找到一个类为.container\u secclass\u dropdown
的元素时,它会选择该元素,然后设置它的属性
这个问题可能会帮助您选择什么类型的选择器
问题可能有助于您选择.text()
或.val()
尝试以下方法:
var dropDownItem = $('#container_security > div > dl > dt > span > span');
dropDownItem.attr('title', dropDownItem.val());
代码说明:
它几乎选择id为container\u security
的div,然后向下查找它的后代,然后当它找到一个类为.container\u secclass\u dropdown
的元素时,它会选择该元素,然后设置它的属性
这个问题可能会帮助您选择什么类型的选择器
问题可能有助于您选择
.text()
或.val()
我建议在类中使用后代选择器(而不是一系列脆弱的子选择器):
$spanelements = $("#container_security .container_secclass_dropdown");
$spanelements.attr("title", $spanelements.text());
但是请注意,
val
不适用于span
元素(仅表单字段),因此dropDownItem.val()
部分没有意义。也许您想要.text()
我建议在类中使用后代选择器(而不是一系列脆弱的子选择器):
$spanelements = $("#container_security .container_secclass_dropdown");
$spanelements.attr("title", $spanelements.text());
但是请注意,
val
不适用于span
元素(仅表单字段),因此dropDownItem.val()
部分没有意义。也许您想要.text()
只有在您想玩最后一个span时,才可以尝试这一个
var dropDownItem = $('#container_security .container_secclass_dropdown');
dropDownItem.attr('title', dropDownItem.val());
或者,如果具有所有父类跨度,则使用
$('span:last').attr({title:$('span:last').text()})
只有当你想玩最后一个跨距时,才试试这个
var dropDownItem = $('#container_security .container_secclass_dropdown');
dropDownItem.attr('title', dropDownItem.val());
或者,如果具有所有父类跨度,则使用
$('span:last').attr({title:$('span:last').text()})
可能是这样的:正如您所说,您希望将标题设置为span下的所有span,其类为
parent
$(document).ready(function() {
$('span.parent').children().each(function() {
$(this).attr({title:$(this).text()});
});
});
如果有多个跨距,请尝试以下操作
$('.parent span').attr("title","Temp Title");
可能是这样的:正如您所说,您希望将标题设置为span下的所有span,其类为
parent
$(document).ready(function() {
$('span.parent').children().each(function() {
$(this).attr({title:$(this).text()});
});
});
如果有多个跨距,请尝试以下操作
$('.parent span').attr("title","Temp Title");
此代码选择DOM树最底层的所有元素,因此在本例中选择最底层的
span
代码
此代码选择DOM树最底层的所有元素,因此在这种情况下选择最底层的
span
代码
$('.parent span').attr(“标题”,“临时标题”)$('.parent span').attr(“标题”、“临时标题”);如果要避免变量,那么$('#container_security.container_secclass_下拉列表').attr('title',function(){return$(this.text()})
@ArunPJohny::-)怎么样。这是额外的开销,但没有任何意义。如果要避免变量,那么$('#container_security.container_secclass_dropdown').attr('title',function(){return$(this.text()})
@ArunPJohny::-)呢。这是额外的开销,但没有什么意义。