javascript - razor 上的 jquery 选择器不触发事件

Question

您能否建议一下，如果下面的代码触发 jquery onchange 事件，它会起作用吗？

<div id= "abc">
</div>

@Html.Partial("partial.cshtml")

在部分 View 中有很多嵌套的 dom 元素，其中之一是

<select id="xyz">
</select>

我试图像这样调用 jquery onchange 事件，但它不起作用

$( document ).ready(function() {
   $("#abc").find("#xyz").on("change",function(){
   alert("hi");
});
});

onchnage 事件不会触发。

Answer 1

.find() 函数将查找您选择的元素的匹配子元素，但实际上，您正在寻找一个“同级”元素，它是“abc”div 的同级元素。一种解决方案是您可以调用 .siblings() 来查找同级元素，然后为 onchange 事件添加事件监听器:

$('#abc').siblings('#xyz').on('change', function() {
    alert("Changes");
});