javascript - 現在のhtmlSelectElementsIDを取得する方法

Question

こんにちは私はループしている現在の要素のIDを取得しようとしていますが、なぜこれが機能しないのかわかりません。助けていただければ幸いです。

コード：

var arr = document.getElementsByClassName("myclass");
for (i = 0; i < arr.length; i++) {
    var key = "";
    var value = "";
    if (arr[i].nodeName == "INPUT" || arr[i].nodeName == "TEXTAREA") {
        key = arr[i].name;
        value = arr[i].value;
    }
    else if (arr[i].nodeName == "SELECT" && arr[i].attr('id') == "multiple") {
        alert("worked");
        key = arr[i].name;
        value = "multi";
    }
    else if (arr[i].nodeName == "SELECT" && arr[i].attr('id') != "multiple") {
        alert("ddint work");
        key = arr[i].name;
        value = "not multi";
    }
}​

要素であるにもかかわらず、arr[i]の位置からIDを取得できません。

Answer 1

arr[i]は要素であり、jQueryオブジェクトではありません。idあなたは直接プロパティにアクセスすることができますarr[i].id

Answer 2

var arr = document.getElementsByClassName("myclass");
for (i = 0; i < arr.length; i++) {
    var key = "";
    var value = "";
    if (arr[i].nodeName == "INPUT" || arr[i].nodeName == "TEXTAREA") {
        value = arr[i].value;
    }
    else if (arr[i].nodeName == "SELECT" && arr[i].id == "multiple") {
        alert("worked");
        value = "multi";
    }
    else if (arr[i].nodeName == "SELECT" && arr[i].id != "multiple") {
        alert("ddint work");
        value = "not multi";
    }
    key = arr[i].name;
}​

.attr（ "id"）はjquery関数です。同等のJavaScriptは.idです

また、ifステートメントに関係なく割り当てるため、キー変数の割り当てをifステートメントの外に移動できます。

Answer 3

ノードで.idを使用することはお勧めしません。.getAttributeを使用します。