按其样式查找元素ID

时间:2012-03-18 21:52:03

标签: javascript jquery

我需要按照其风格找到a - 代码ID

我的元素有类.sort

元素的样式在两个get函数之一中以编程方式添加,我必须在第三个get函数中找到它。

2 个答案:

答案 0 :(得分:2)

var result = $('a.sort[style="foo"]').attr('id');

或者如果你不使用内联样式(你不应该......):

var result = $('a.sort').filter(function(){
                            return $(this).css('foo') == valueYouAreSearching;
                        }).attr('id');

请注意,按风格搜索听起来很尴尬!
只需在元素中添加一个新类,然后通过它的新类名搜索它:

var result = $('a.sort.newClass').attr('id');

答案 1 :(得分:1)

如果元素是唯一具有类.sort

的元素
var theID = $(".sort")[0].id;

或者你可以这样做:

var theID = $(".sort").filter(function() {
    return $(this).css("marginLeft") == 0;
})[0].id;

为您提供第一个元素ID,其中.sort类和marginLeft设置为0

确保即使您没有匹配也不会中断:

var theID = ($(".sort").filter(function() {
    return $(this).css("marginLeft") == 0;
})[0]||{}).id;

然后ID将包含DOM元素的idundefined