Question

我有一个javascript方法 - testElement()在onclick事件上调用 -

<script type = "text/javascript">

    function testElementType(element){

        var elemId = $(element).attr("id");
        //Can I determine the 'element' from the 'elemId' ?

        // if element is div - do something
        // if element is button - do another thing

    }

</sccript>

现在考虑以下代码 -

<div onclick="testElementType(this);" id="testDiv" > Test Div </div>
... 
<button onclick="testElementType(this);" id="testBtn" > Test Button </button>

所以，当测试任何一个＆＃39;或者＆＃39; testBtn＆＃39;单击，然后调用＆＃39; testElementType（）方法。在这个方法中，我可以通过jquery获取元素Id - $(element).attr("id");并将其存储在'elemId'

中

有没有办法找到div中元素的类型（即 - 是button还是'elemId'）？

我在实践中知道大多数情况我们不必担心元素类型。因为如果想做两种不同类型的任务，我们可以为两种类型的元素调用不同的函数。

Answer 1

您无需在此处使用id值。您将对象传递给函数本身，所以您需要做的就是：

function testElementType(element){
    var tag = element.tagName;
    if(tag=='DIV') // its a div
    if(tag=='BUTTON') // its a button
}

Answer 2

如果elementId是按钮，则使用jquery $("#elementId").is("button")将返回。

for more answer here

Answer 3

取自docs，tagName选择器将返回元素类型，您可以像这样使用它。

function testElem(e) {
    var t = e.tagName;

    // Print the tag name
    console.log(t);
}

Answer 4

像...一样的东西。

function testElementType(element){
    var id = $(element).attr('id'),
        tag = $(element).prop("tagName");
});

请参阅this demo fiddle

Answer 5

尝试通过element

获取id类型

$("#elementId").get(0).tagName

从Id确定元素类型

5 个答案: