jQuery如何检测邻近指定class元素？closest查找length返回0怎么办

$(thisElem).closest("tr").find(".input-city").length 始终返回0，90%以上的情况是函数参数接收错误：你在onclick属性里写了myfunction(this)把当前触发事件的input DOM对象传进函数，但如果函数定义时没有设置对应形参接收，或者thisElem变量没有正确赋值为传入的DOM对象，选择器的起点就是错的，自然找不到目标元素。
剩下的小概率原因包括：DOM结构存在嵌套表格导致closest("tr")找错了行、class名拼写错误、jQuery加载顺序错误。

你现有的HTML结构没有问题，只需要修正JS逻辑即可：

<!-- 原有HTML结构无需修改 -->
<table>
<tbody>
<tr>
   <td><input type="text" class="form-control input-state" onclick="myfunction(this)"></td>
   <td><input type="text" class="form-control input-city" onclick="myfunction(this)"></td>
</tr>
</tbody>
</table>

// 函数定义时加形参接收传入的当前点击元素
function myfunction(currentEl) {
  // 从当前元素向上找最近的tr祖先，再在tr范围内查找.input-city元素
  const $cityInput = $(currentEl).closest("tr").find(".input-city");
  if ($cityInput.length) {
    console.log('true');
    // 这里写元素存在时的业务逻辑
  }
}

如果修正后还是返回0，按顺序打印以下内容定位问题：

• 打印$(currentEl)[0]，确认输出是你点击的input DOM节点，排除参数传错的问题
• 打印$(currentEl).closest("tr")[0]，确认拿到的是包含两个td的目标行，如果存在嵌套表格，这里会拿到内层表格的tr，需要调整选择器
• 打印$(currentEl).closest("tr").html()，检查输出的HTML内容里是否存在class为input-city的元素，排查class拼写错误、元素被动态移除的问题

内容的提问来源于stack exchange，提问作者aref razavi