在同一行上查找div的JQuery选择器？

好的，我正在开发一个ASP.NET-MVC web应用程序，它有一个包含多行和多列下拉列表的页面。我的目的是根据第1列中DDL的选择，启用/禁用第2列和第3列中的DDL

到目前为止，我只能同时启用/禁用整个页面上的所有DDL。我需要弄清楚如何使事件仅在与特定行上的DDL相关时触发

以下是我目前的代码：

HTML--

---

非常感谢你的帮助。每个元素的ID都是动态生成的，因此我需要代码能够适应以包含新ID，因为用户将能够添加新行。ID每行增加一个数字，因此应该很容易匹配Column1/Row1（即“条件_1”）和Column2/Row1（即“质量_1”）。谢谢你的意见。

我真不敢相信这个解决方案实际上有多简单。我想我的睡眠不足导致我忽视了显而易见的问题。不管怎样，这是我自己问题的答案……希望它能帮助别人：）

我只是添加了一个变量，将操作绑定到包含第一个DDL的最近的div：

var parentDDL = $(this).closest('div');

然后我将var添加到if-else语句中：

 $("[name][name$='Quality']", $(parentDDL)).attr('disabled', 'disabled');

---

如果有人有更有效的建议，我愿意接受反馈。谢谢。

你能发布一些html/你的asp视图代码来呈现这个吗？@Kishore我刚刚添加了一段呈现的html。该代码基本上对每一行重复。唯一的区别是ID或名称中的数字…它们各自反映元素的行号。

$("[name][name $='Quality']").prop("disabled", true);

$("[name][name $='Age']").prop("disabled", true);

$("[name][name$='Condition']").change(function () {

var parentDDL = $(this).closest('div');

if ($(this).val() == "" || $(this).val() == "N/A" || $(this).val() == "Missing") {

    $("[name][name$='Quality']", $(parentDDL)).attr('disabled', 'disabled');
    $("[name][name$='Age']", $(parentDDL)).attr('disabled', 'disabled');
}

else {
    $("[name][name$='Quality']", $(parentDDL)).removeAttr('disabled');
    $("[name][name$='Age']", $(parentDDL)).removeAttr('disabled');
}
});

var parentDDL = $(this).closest('div');

 $("[name][name$='Quality']", $(parentDDL)).attr('disabled', 'disabled');