JQuery - 使用相同的类循环遍历DIV并为每个类创建数组

我有很多具有相同类 .list </ code>的DIV。 它们充满了ID 元素</ code>的其他div。 在这些元素</ code> div中有一个复选框和文本字段。 我能够获得所有选中的复选框'下一个Textfield的值。 我已将它们保存到一个数组中但我想为每个 .list </ code>添加一个数组。 </ p>

这就是我的代码到目前为止的样子:</ p>

  function test(){
var array = new Array();
$(“。list&gt; #element”)。each(function(){
array.push($(this).find('input:checkbox [class = unterpunkte]:checked')。next('input [ type = textfield]')。val());
});
console.log(array);
}
</ code> </ pre>

我怎样才能动态地 为每个列表创建一个数组。 我不希望有一个数组保存所有值。 我需要使用类 .list </ code>的每个div的数组。 有什么想法吗?</ p>

HTML / PHP:</ p>

  echo(“&lt; div class ='list'name ='$ oberpname'value  ='$ oberpname'&gt;“); 

while($ satz!= null)
{
echo(”&lt; div id ='element'&gt;&lt; label&gt;&lt; input type =' 复选框'class ='unterpunkte'name ='$ satz [unterpname]'value ='$ satz [unterpid]'&gt;&lt; input type ='textfield'class ='$ oberpname'value ='$ satz [unterpname]' readonly /&gt;&lt; / label&gt;&lt; / div&gt;“);
$ satz = mysql_fetch_assoc($ cursor);
}

echo(”&lt; / div&gt;“); //.list div end
</ code> </ pre>

编辑注意:添加了HTML / PHP </ p>
</ div>

展开原文

原文

I do have many DIVs with the same class .list. They are filled with other divs with the ID element. In these element divs there a checkboxes and textfields. I'm able to get all the checked checkboxes' next Textfield's value. I've saved them into one Array but I want an Array for each .list.

That's how my Code looks so far:

function test(){
 var array = new Array();
    $(".list > #element").each(function(){
    array.push($(this).find('input:checkbox[class=unterpunkte]:checked').next('input[type=textfield]').val());
    });
    console.log(array);
}

How can I dynamcially creat an Array for each list. I don't want to have one Array where all the Values are saved. I need Arrays for each div with class .list. Any ideas?

HTML/PHP:

echo("<div class='list' name='$oberpname' value='$oberpname'>");

        while($satz != null)
        {
            echo("<div id='element'><label><input type='checkbox' class='unterpunkte' name='$satz[unterpname]' value='$satz[unterpid]'><input type='textfield' class='$oberpname' value='$satz[unterpname]' readonly/></label></div>");
            $satz=mysql_fetch_assoc($cursor);
        }

        echo("</div>"); //.list div end

EDIT NOTE: Added HTML/PHP

dsen53898
dsen53898 我必须这样使用它,因为我从数据库中获取所有列表元素...
6 年多之前 回复
dongzhun8449
dongzhun8449 类似于数组1:{-检查第一个列表的值}};数组2:{-第二个列表的检查值}等等
6 年多之前 回复
douqiao3930
douqiao3930 你的不是html它是php模板...渲染的html是作为页面源发送到浏览器的内容
6 年多之前 回复
dsqbh42082
dsqbh42082 所以你想要一个数组数组
6 年多之前 回复
dsuvs66406
dsuvs66406 textfield不是有效的输入类型。
6 年多之前 回复
doufenzhu7012
doufenzhu7012 你能解释一下渲染的html和我的html之间的区别吗?
6 年多之前 回复
doulaobi7988
doulaobi7988 应该提供渲染的HTML
6 年多之前 回复
doubu1964
doubu1964 -添加。
6 年多之前 回复
dor2p0520
dor2p0520 根据定义,ID必须是唯一的。
6 年多之前 回复
duandao3265
duandao3265 请提供HTML
6 年多之前 回复

1个回答



注意:元素的ID必须是唯一的,因此不使用元素</ code>作为ID而是将其用作 一个类。</ p>

您可以创建一个数组数组,并使用 list </ code>元素的索引</ p>
访问所需的复选框列表

  function test(){
var array = new Array();
$(“。list”)。each(function(){
var vars = $(this).find ('input:checkbox [class = unterpunkte]:checked')。next('input [type = textfield]')。map(function(){
return this.value;
})。get(); \ n array.push(vals)
})
console.log(array);
}
</ code> </ pre>

现在 array [0] </ code>将给出list 1的值,其中 array [1] </ code>将给出list 2的值</ p>
</ div>

展开原文

原文

Note: ID of an element must be unique, so instead of using element as an ID use it as a class.

You can create an array of arrays, and access the desired list of checkboxes using the index of the list element lik

function test() {
    var array = new Array();
    $(".list").each(function () {
        var vals = $(this).find('input:checkbox[class=unterpunkte]:checked').next('input[type=textfield]').map(function () {
            return this.value;
        }).get();
        array.push(vals)
    })
    console.log(array);
}

Now array[0] will give the values for list 1 where as array[1] will give the values for list 2

dqfr90979
dqfr90979 好的。 我将来会尽量避免这种情况。
6 年多之前 回复
dongni9825
dongni9825 最好的方法是在浏览器中查看目标页面上的源代码并从那里获取html - 这将是您的PHP代码创建的实际html
6 年多之前 回复
douxie0824
douxie0824 你的PHP代码还可以......但是当你发布一个与html相关的问题时,我们会对实际的html看起来比模板更感兴趣,因为如果你共享PHP或任何其他模板,那么我们需要花时间 通过它来找出将是什么将是真正的HTML
6 年多之前 回复
drvkf88226
drvkf88226 这对我有用。 谢谢。 我对我的'未呈现'HTML有疑问。 有没有更好的方法以渲染的方式制作它? 我使用PHP是因为我从数据库中获取了一些值并用PHP Varaibles填充它们。
6 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐