0

我正在尝试获取此 HTML 代码中每个 DIV 的 ID

<section id="choices">    
    <div id="talla_choice_24" style="">
        ...
    </div>
    <div id="color_choice_25" style="">
        ...
    </div>
    <div id="sport_choice_26" style="">
        ...
    </div>

    <button type="button" class="create-variation" id="create-variation" style="">Crear variaciones</button>
    <section id="variations_holder" style="display: none"></section>
</section>

所以我做了这个：

function getDivId(div) {
    var inputValues = [];
    $("#" + div + ' > div').each(function() {
        inputValues.push($(this).val());
    })
    return inputValues;
}

我在这里打电话：

$('#choices').on("click", "#create-variation", function(e) {
    var parent_id = $(this).closest("section").attr("id");
    var element = getDivId(parent_id);

    iterateChoices("", element[0], element.slice(1), 0);
});

我需要构建这样的东西：

var element = new Array($('#talla_choice_24 input:text'), $('#color_choice_25 input:text'), $('#sport_choice_26 input:text'));

但我得到这个错误：

未捕获的类型错误：对象没有方法“每个”

怎么了？

更新

这是iterateChoices()函数的代码：

function iterateChoices(row, element, choices, counter) {
    if ($.isArray(choices) && choices.length > 0) {
        element.each(function(index, item) {
            if (counter == 0)
                row = '<input type="text" required="required" value="" name="pupc[]" /><input type="text" required="required" value="" name="pprice[]" /><input type="text" required="required" value="" name="pqty[]" />';

            iterateChoices(row + '<input value="' + item.value + '">', choices[0], choices.slice(1), counter + 1);
        });
    } else {
        html_temp = "";
        $.each(element, function(index, item) {
            html_temp += row + '<input value="' + item.value + '"><br>';
        });
        html += html_temp;
    }
}

我还对此代码进行了一些更改：

function getDivId(div) {
    var inputValues = [];
    $("#" + div + ' > div').each(function() {
        inputValues.push("#" + $(this).attr('id') + ' input:text');
    });

    return inputValues;
}

现在错误变为：

未捕获的类型错误：对象 #talla_choice_24 输入：文本没有方法“每个”

更新 2

我仍然继续更改getDivId()函数来构建这样的数组：

 var element = new Array($('#talla_choice_24 input:text'), $('#color_choice_25 input:text'), $('#number_choice_23 input:text'), $('#sport_choice_23 input:text'));

但无法得到它，因为数组值被构造为字符串，见下文：

function getDivId(div) {
    var inputValues = [];
    $("#" + div + ' > div').each(function() {

        inputValues.push('$("#' + $(this).attr('id') + ' input:text")');
    });

    return inputValues;
}

我越来越：

("$('#talla_choice_24 input:text')", "$('#color_choice_25 input:text')")

我认为有问题

4

3 回答 3

1

您val在一个元素上使用该方法div，它只返回一个空字符串。字符串上没有each方法。

您不需要每个 div 的 id 来获取其中的输入元素。这将为您提供单个 jQuery 对象中的输入：

var element = $(this).closest("section").find("> div input:text");

如果你真的需要一组单独的 jQuery 对象，你可以这样做：

element = element.map(function(){ return $(this); }).get();
于 2013-09-13T15:52:14.453 回答
0 
var arr = [];
$("#create-variation").on('click', function(){
    $("#choices > div").each(function(a,b){
        arr.push($(this).text());
    });
});
于 2013-09-13T15:57:18.923 回答
0

经过一些头痛后，我意识到如何修复（我的）错误，这是所有问题的解决方案：

function getDivId(div) {
    var inputValues = [];
    $("#" + div + ' > div').each(function() {
        inputValues.push($("#" + $(this).attr('id') + " input:text"));
    });

    return inputValues;
}
于 2013-09-13T16:10:39.277 回答