Javascript 我怎样才能得到部门ID

我创建了一个小型发电机来提高我的开发技能，但我没有遇到什么问题。如何使用jquery从隐藏输入中获取变量sectionid？我试着这样做，但不起作用。我得到一个未定义的值

var sectionid = $(this).find(".sectioncolor").next().val();
alert(sectionid);

$（“#添加#节”）。在（“单击”，函数（）{
var sectionid=$（“.section”）.length；
var sectionwidth=提示（“节宽”）；
var sectionheight=提示（“截面高度”）；
var bg=提示（“bg颜色”）；
var sectioncolor=提示（“文本颜色”）；
$（“#新#u节”）。追加（'添加文本'）；
如果（$（“.sekcja”）.length>0）{
$（“#默认部分”）.css（“显示”、“无”）；
}
如果（截面宽度<1050）{
$（“.section”）.css（“float”，“left”）；
}
});
$（“#新建#节”）。在（“单击“，”。添加#文本”，函数（）{
var sectionid=$（this.find（“.sectioncolor”）.next（）.val（）；
警报（sectionid）；
var inputid=$（'.sample'）.length；
var inputwidth=提示（“输入宽度”）；
$（this.parent（）.append（“”）；
});

默认部分
添加部分
部分颜色
位于
div
内，而不是
内。添加文本
，因此需要更改：

var sectionid=$（this.find（“.sectioncolor”）.next（）.val（）

到

var sectionid=$（this.parent（）.find（“.sectioncolor”）.next（）.val（）
为什么要把事情复杂化？您只能使用
sides（）
，因为您知道要查找的元素的类

var-sectionid=$（this.sibbines（“.sectionid”）.val（）

find（）。它是指向所需元素的最直接路径


$（“#添加#节”）。在（“单击”，函数（）{
var sectionid=$（“.section”）.length；
var sectionwidth=提示（“节宽”）；
var sectionheight=提示（“截面高度”）；
var bg=提示（“bg颜色”）；
var sectioncolor=提示（“文本颜色”）；
$（“#新#u节”）。追加（'添加文本'）；
如果（$（“.sekcja”）.length>0）{
$（“#默认部分”）.css（“显示”、“无”）；
}
如果（截面宽度<1050）{
$（“.section”）.css（“float”，“left”）；
}
});
$（“#新建#节”）。在（“单击“，”。添加#文本”，函数（）{
var sectionid=$（this.sibbines（“.sectionid”）.val（）；
警报（sectionid）；
var inputid=$（'.sample'）.length；
var inputwidth=提示（“输入宽度”）；
$（this.parent（）.append（“”）；
});

默认部分
添加部分
$（“#添加#节”）。在（“单击”，函数（）{
var sectionid=$（“.section”）.length；
var sectionwidth=提示（“节宽”）；
var sectionheight=提示（“截面高度”）；
var bg=提示（“bg颜色”）；
var sectioncolor=提示（“文本颜色”）；
$（“#新#u节”）。追加（'添加文本'）；
如果（$（“.sekcja”）.length>0）{
$（“#默认部分”）.css（“显示”、“无”）；
}
如果（截面宽度<1050）{
$（“.section”）.css（“float”，“left”）；
}
});
$（“#新建#节”）。在（“单击“，”。添加#文本”，函数（）{
var sectionid=$（this.parent（“.section”）.find（“.sectioncolor”）.val（）；
警报（JSON.stringify（sectionid））；
var inputid=$（'.sample'）.length；
var inputwidth=提示（“输入宽度”）；
$（this.parent（）.append（“”）；
});

默认部分
添加节（“#添加节”）。在（“单击”，函数）（）{
var sectionid=$（“.section”）.length；
警报（sectionid）；
var sectionwidth=提示（“节宽”）；
var sectionheight=提示（“截面高度”）；
var bg=提示（“bg颜色”）；
var sectioncolor=提示（“文本颜色”）；
$（“#新#u节”）。追加（'添加文本'）；
如果（$（“.sekcja”）.length>0）{
$（“#默认部分”）.css（“显示”、“无”）；
}
如果（截面宽度<1050）{
$（“.section”）.css（“float”，“left”）；
}
});
$（“#新建#节”）。在（“单击“，”。添加#文本”，函数（）{
var sectionid=$（this.next（）.val（）；
警报（sectionid）；
var inputid=$（'.sample'）.length；
var inputwidth=提示（“输入宽度”）；
$（this.parent（）.append（“”）；
});
});
我希望这将对您有所帮助。
$（this）.next（）.val（）
将获得下一个输入值，即
sectionwidth
input。这不是op想要的。此外，在发布答案时，您应该将其作为一个片段发布（具有可见结果的工作代码）。还有一些解释复制整个代码。我在html中也做了更改，然后检查。
 $("#add_section").on("click", function() {

            var sectionid = $(".section").length;
            alert(sectionid);
            var sectionwidth = prompt("Section width");
            var sectionheight = prompt("Section height");
            var bg = prompt("BG color");
            var sectioncolor = prompt("Text color");
            $("#new_section").append('<div class="section" style="width: '+ sectionwidth +'px; min-height: '+ sectionheight +'px; background: #'+ bg +'; color: #'+ sectioncolor +';"><button type="button" class="add_text">Add text</button><input type="hidden" class="sectionid" name="sectionid" value="'+ sectionid +'" /><input type="hidden" name="section['+sectionid+'][\'sectionwidth\']" value="'+sectionwidth+'" /> <input type="hidden" name="section['+sectionid+'][\'sectionheight\']" value="'+sectionheight+'" /> <input type="hidden" name="section['+sectionid+'][\'bg\']" value="'+bg+'" /> <input type="hidden" name="section['+sectionid+'][\'sectioncolor\']" class="sectioncolor" value="'+sectioncolor+'" /> </div>');

            if ($(".sekcja").length > 0) {
                $("#default-section").css("display","none");    
            }

            if(sectionwidth < 1050) {
                $(".section").css("float","left");  
            }

        });

        $("#new_section").on("click", ".add_text", function() {

                var sectionid = $(this).next().val();
                alert(sectionid);
                var inputid = $('.sample').length;
                var inputwidth = prompt("Input width");
                $(this).parent().append('<input type="text" class="sample" style="width: '+ inputwidth +'px;" placeholder="Sample text..." name="section['+sectionid+'][\'input\']['+inputid+'][\'inputtext\']"/><input type="hidden" name="section['+sectionid+'][\'input\']['+inputid+'][\'inputwidth\']" value="'+inputwidth+'" />');

        });
        });