javascript - HtmlDivElement 没有方法 'indexOf'

Question

我试图从这个元素中获得一些识别属性:

<div class="rtsLevel rtsLevel1">
  <ul class="rtsUL">
    <li class="rtsLI rtsFirst rtsLast">
      <a class="rtsLink rtsSelected" href="#">
        <span class="rtsOut">
          <span class="rtsIn">
            <span class="rtsTxt">Dashboard</span>
          </span>
        </span>
      </a>
    </li>
  </ul>
</div>

使用这个 javascript:

function OnClientDragging(sender, eventArgs) {
    var target = eventArgs.get_htmlElement();
    console.log(target);
    var currentZone = TryGetZoneFromTarget(target);
}

function TryGetZoneFromTarget(target) {
//If the mouse moves too quickly target.id returns a red herring.
if (/\S/.test(target.id) == false) {
    if (target.indexOf("rtsLevel") != -1) {
        return null; //The tabstrip has an invisible div which doesn't have an ID, but isn't a redherring.
    }

    return undefined;
}

div 没有指定 id，但我似乎也根本无法与它“交谈”。我试过 '.hasClass("rtsLevel")' 并被告知 hasClass 未定义，所以我尝试进行字符串比较，但遇到了同样的问题。

我做错了什么？

编辑:解决方案是 if ( $(target).hasClass('rtsLevel') ) {

Answer 1

如果 target 是有效的 DOM 元素，那么您应该能够:

target.className.indexOf("rtsLevel") != -1

或者如果您使用的是 jQuery 并且目标是 DOM 元素，您可以:

$(target).hasClass("rtsLevel")

如果 target.className 未定义，则 target 不是 DOM 元素，这就是您的问题。