相关疑难解决方法(0)

使用纯JavaScript(而不是jQuery),有没有一种方法可以测试一个元素是否包含一个类？

目前,我这样做:

HTML:

var test = document.getElementById("test");
var testClass = test.className;

switch (testClass) {
  case "class1":
    test.innerHTML = "I have class1";
    break;
  case "class2":
    test.innerHTML = "I have class2";
    break;
  case "class3":
    test.innerHTML = "I have class3";
    break;
  case "class4":
    test.innerHTML = "I have class4";
    break;
  default:
    test.innerHTML = "";
}

JS:

<div id="test" class="class1"></div>

这导致此输出,这是正确的:

<div id="test" class="class1 class5"></div>

问题是,如果我将HTML更改为此...

var test = document.getElementById("test");
var testClass = test.className;

switch (testClass) {
  case "class1":
    test.innerHTML = "I have …

例:

<div someAttr="parentDiv. We need to get it from child.">
    <table> ....
        <td> <div id="myDiv"></div> </td>
    ... </table>
</div>

我希望通过内部div元素的某个选择器获取父级(在示例中使用myDiv类).如何在没有jQuery的情况下获得它,只有JS？

就像是:

var div = document.getElementById('myDiv');
div.someParentFindMethod('some selector');

我想找到最接近h2标签的悬停图片以下是我的html代码

<div class="col-md-3 col-sm-3 col-xs-12" style="padding-left:0;">
      <div class="ih-item square effect7"><a href="#">
         <div class="img">
         <img src="images/facilities/facility1.png" class="img-responsive fullwidthimg">
         </div>
        <div class="info">
          <h3>Content </h3>
          <p>Some content </p>
        </div></a>
     </div>
 <h2>Arenas</h2>
 </div>

这就是我想在jquery中做的事情

 $(document).ready(function () {
     $('.img').hover( function(){
          $(this).closest('h2').hide();  
    })
})

请帮帮我怎样才能做到.

我有一个悬停时展开和缩回的菜单。问题是菜单有很多元素，要触发我的扩展功能，我需要编写如下内容。我的实际代码包含更多代码，我想知道是否有更好的方法来做到这一点。

var e = event.target

if(
e.parentNode.className.split(" ")[0] === "main-section" ||
e.parentNode.parentNode.className.split(" ")[0] === "main-section" ||
e.parentNode.parentNode.parentNode.className.split(" ")[0] === "main-section"){
//do somehtings}