Javascript 在动态创建的元素中查找复选框的值

因此，我正在编写一些JS，动态创建一些DOM元素。以下是所创建元素的结构：

<div class='list_item' key='1'>
    <p>Hello, World!</p>
</div>

<div class='cont' key='1'>
    <input type='checkbox' name='test'/>
</div>

我的代码没有得到

true

或

false

响应，而是抛出

undefined

。我可以对代码做什么来获得我想要的响应（复选框的值）

---

谢谢

您刚刚错过了课程选择器之前的“.”

$('.list_item').each(function() {
var x = $('.cont[key="' + $(this).attr('key') + '"]').find('input[type="checkbox"]').prop('checked');
console.log(x);
});

---

你刚刚错过了类选择器之前的“.”

$('.list_item').each(function() {
var x = $('.cont[key="' + $(this).attr('key') + '"]').find('input[type="checkbox"]').prop('checked');
console.log(x);
});

---

我看你的选择器错了。班上的圆点不见了。试试这个：

$('.cont[key="' + $(this).attr('key') + '"')

---

我看你的选择器错了。班上的圆点不见了。试试这个：

$('.cont[key="' + $(this).attr('key') + '"')

两个问题：

您忘记关闭属性选择器

您忘记了类选择器中的

之前的

cont

$('.list_item').each(function() {
var x = $('.cont[key="' + $(this).attr('key') + '"]').find('input[type="checkbox"]').prop('checked');
console.log(x);
});

因此：

请注意，您可以使用单个选择器而不是

find

：

$('.list_item').each(function() {
    var x = $('.cont[key="' + $(this).attr('key') + '"] input[type="checkbox"]').prop('checked');
    console.log(x);
});

例如：

$（'.list_item'）。每个（函数（）{
var x=$（'.cont[key=“'+$（this）.attr（'key'）+']input[type=“checkbox”]'））.prop（'checked'）；
控制台日志（x）；
});

你好，世界

你好，世界

你好，世界

两个问题：

您忘记关闭属性选择器

您忘记了类选择器中的
之前的
cont

$('.list_item').each(function() {
var x = $('.cont[key="' + $(this).attr('key') + '"]').find('input[type="checkbox"]').prop('checked');
console.log(x);
});

因此：

请注意，您可以使用单个选择器而不是
find
：

$('.list_item').each(function() {
    var x = $('.cont[key="' + $(this).attr('key') + '"] input[type="checkbox"]').prop('checked');
    console.log(x);
});

例如：


$（'.list_item'）。每个（函数（）{
var x=$（'.cont[key=“'+$（this）.attr（'key'）+']input[type=“checkbox”]'））.prop（'checked'）；
控制台日志（x）；
});

你好，世界

你好，世界

你好，世界

here:
var x=$（'cont
你漏掉了一个点。here:
var x=$（'cont
你漏掉了一个点。这是问题的一半，是的。：-）这是问题的一半，是的。：-）这是问题的一半，是的。：-）这是问题的一半，是的。：-）