检查元素是否具有特定ID

Question

我还是JavaScript和jQuery的新手。

我正在尝试检查这个特定的HTML代码是否包含具有特定ID的元素。例如：

<select id="id1">...</select>
<select id="id2">...</select>

在此示例中，如何检查select元素是否具有特定ID（或者是否存在）？

Answer 1

如果你想使用jQuery，你可以做

$('#id1').length > 0 // 'id1' is control id and # is required to select by id with jQuery

jQuery不会简化你在这种特殊情况下的生活。使用普通的Javascript，你可以简单地做

document.getElementById('id1') != null

Answer 2

检查元素是否存在：

jQuery("#yourid").size() // Will return 0 if doesn't exist

Answer 3

你可以尝试这样的事情

if (document.getElementById("id1")) {
    // do something
}

如果您只想搜索给定节点的子元素，请使用querySelector：

if (yourElement.querySelector("#id1")) {
    // do something
}

Answer 4

嗨，兄弟你可以这样做一个简单的测试：

$(function(){
    if($('element').attr('id')=='id1'){
        //select has id == 'id1'
    }else{
       //select has id != 'id1'
    }
});

在您的情况下，

'element'是'select'。

Answer 5

所以我最终以不同的方式做这件事由于我的情况的性质 - 在一个页面上，ID的元素是一个只读的文本框。另一方面，相同ID的元素是一个选择。所以我做了以下事情：

var elem = document.GetElementById(id);
if (elem.nodeName === 'SELECT') {...}

Answer 6

尝试这样的事情，这将找到所有选择元素，其中包含您要查询的ID。

$("select #id1").length();

此外，这有效

$("select[id='id2']").length();