在表单上访问jQuery变量

Accessing jQuery Variable on form

本文关键字:jQuery 变量 访问 表单      更新时间:2023-09-26

我的数据看起来像这样

我有一个父类,它有一些属性和子对象列表。

子类具有ID和Name等属性。

我想达到的是

  • On load显示所有父项。
  • 单击父项目列表下面的所有子项目。

我可以使用以下jQuery函数

实现这一点
 $(document).ready(function () {
    $(".parent").click(function () {
        $("#child").show();
        var v1 = "parent_" + $(this).attr('id');
        $("#" + v1).slideToggle("slow");
        $("#" + v1).siblings().hide();
    });

这个函数在隐藏或显示包含子条目的div方面表现良好。

我提供了一个按钮来帮助我添加新的父项。

同样,我想提供一个按钮,这将有助于我在选定的父项下添加子项。

我不知道如何提供父id时,在子项目div按钮被单击。

是否有一种方法,我可以在上面提到的函数中创建一个变量,并在单击"添加子"按钮时使用它?

你可以试试

$(this).parent()

$(this).closest(".parent")

并获取父元素的id,并存储相应父元素的子元素