javascript - 使用 jquery 和 javascript 在 event.target 父节点中查找类的更好方法?

标签 javascript jquery

目前,我检查输入框 keyup 事件的目标以查看它是否包含在类“editorRow”的 div 中,使用:

var $parentClass = event.target.parentNode.parentNode.parentNode.className;

如果在 div 和 span 标签之间添加额外的标记,是否有更好的方法来做到这一点?

  <div class="editorRow">
     <li>
       <span class="wi1">
          <input type="text" value="" style="width: 80px;" name="LineItems9"  id="LineItems_9">
       </span>
     </li>  
   </div>

$("input").live("keyup", function(event) {

    return GiveDynamicFieldsLife(event);

});

function GiveDynamicFieldsLife(event) {

    **var $parentClass = event.target.parentNode.parentNode.parentNode.className;**

    if ($parentClass == "editorRow") {
    //Do Stuff
    }
}

最佳答案

$("input").live("keyup", function() {

    GiveDynamicFieldsLife(this);

});

function GiveDynamicFieldsLife(elem) {

    var $parentClass = $(elem).closest('.editorRow');

      if ($parentClass) {
        //Do Stuff
      }
}

关于javascript - 使用 jquery 和 javascript 在 event.target 父节点中查找类的更好方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2955730/

相关文章:

javascript - 没有 eval() 就无法启动 Aurelia 应用程序

php - 网页/应用程序的库/悬停或单击菜单示例,从哪里开始?

javascript - 实现多层次的深度链接

c# - 在 asp.net 中使用 dropzone.js

javascript - 使用 jQuery/JavaScript 提醒特殊字符

jquery - 取消绑定(bind)点击,但保留事件 PreventDefault();

javascript - 如何在 Visual Studio 2017 中禁用 javascript 扩展?

javascript - 如何将环境变量包含到 Webpack 5 中?

javascript - 如何向List.js添加另一个过滤类别?

javascript - 即使放入错误的可放置对象,如何禁用可拖动对象