无法通过jquery访问特定元素:未定义

时间:2017-06-06 09:29:20

标签: javascript jquery dom

这是我的第一个问题。请公平。 :)

我不明白..我认为我的语法没有错,但我只从jquery获得一个未定义的对象。我尝试用jquery中的属性选择器选择一个特定的标签元素,之后我在DOM中直到我的img之前的最后一个div。最后我用.find方法选择了img。

这是我的代码:

var cURL = $(this).find("img").attr("name");        
console.log($("a[href=cURL] > div.image-box > div.image-content").find("img").attr("src"));

var cURL包含正确的参数作为字符串。

HTML / DOM:

<div class="product-wrapper...">
  <div class="product-cell...">
   <a class="image-wrapper" href="myArticle50">
     <div class="image-box..">
       <div class="image-content">
         <img alt="..." src="media/testArticle/.../myArticle50.jpg">
       </div>
     </div>
   </a>
   ....
  </div>
</div>

在这种情况下,我的var cURL将包含'myArticle50',我需要来自img的src - &gt; '媒体/ testArticle /.../ myArticle50.jpg'。但我只得到一个不确定的背部。

你可以在代码中看到我的失败..:/

亲切的问候。

1 个答案:

答案 0 :(得分:1)

你有两个错误,第一个:

console.log($("a[href=cURL] > div.image-box > div.image-content").find("img").attr("src"));

应该是这样的

console.log($("a[href=" + cURL + "] > div.image-box > div.image-content").find("img").attr("src"));

和你的班级

<div class="image-box..">

不应该有点。

<div class="image-box">

解决这些问题,您的代码应该可以正常使用。