javascript - 无法通过 jquery 到达特定元素 : Undefined

Question

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

我不明白..我认为我的语法没有错误，但我只从 jquery 返回一个 undefined object 。我尝试使用 jquery 中的属性选择器选择一个特定的 a 标签元素，然后在 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 ->“media/testArticle/.../myArticle50.jpg”的 src。但我只得到一个未定义的返回值。

希望你能在代码中看到我的失败..:/

亲切的问候。

Answer 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"));

和你的类(class)

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

不应有点。

<div class="image-box">

修复这些问题，您的代码应该可以正常工作。