0

差分を設定したい 剣道ドロップダウンの親のIDは、<span>
ここでは2つのddの単純なコードです

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="kendo/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="kendo/styles/kendo.default.min.css" rel="stylesheet" />
    <script src="kendo/js/jquery.min.js"></script>
    <script src="kendo/js/kendo.web.min.js"></script>
</head>
<body>
            <input id="dropdownlist" />
            <input id="newdropdownlist" />
            <script>
                $("#dropdownlist").kendoDropDownList({
                  dataSource: [
                    { id: 1, name: "Apples" },
                    { id: 2, name: "Oranges" }
                  ],
                  dataTextField: "name",
                  dataValueField: "id",
                  index: 1
                });

                $("#newdropdownlist1").kendoDropDownList({
                  dataSource: [
                    { id: 1, name: "Apples" },
                    { id: 2, name: "Oranges" }
                  ],
                  dataTextField: "name",
                  dataValueField: "id",
                  index: 1
                });
            </script>
</body>
</html>

両方のドロップダウン スパンに異なる ID を設定するにはどうすればよいでしょうか。
ありがとう。

4

1 に答える 1

1

jQuery.closest()関数を使用して DOM ツリーを上に移動し、親を見つけることができます。

$("#newdropdownlist1") // target the original input element
    .closest(".k-dropdown") // move up the DOM to the dropdown span
    .attr("id", "theNewId"); // change the id attribute
于 2013-09-10T16:45:15.777 に答える