Javascript 从特定内容div中的第一个图像获取图像源

我想从我网站的#main content div中的第一个图像中获取src属性。它嵌套在相当深的地方，我看到的许多其他stackoverflow示例更简单，不符合我的要求。我找到的最接近的是

我试图瞄准的图像没有ID，也不会应用ID。以下是HTML代码模式（这是段不完整的页面代码）：

---

检查员总是带着未定义的信息回来。我尝试将其作为数组[0]来执行，但在那里也没有任何运气。

您想要这样的东西吗

$（“#主要内容”）.find（“img:first”）.css（{“颜色”：“红色”，“边框”：“2px纯红”}）
你想要这样的东西吗


$（“#主要内容”）.find（“img:first”）.css（{“颜色”：“红色”，“边框”：“2px纯红”}）
这在包含
jQuery
的情况下运行良好


var postImage=$（'#main content img'）.first（）.attr（'src'）；
控制台日志（postImage）
这在包含
jQuery
的情况下运行良好


var postImage=$（'#main content img'）.first（）.attr（'src'）；
控制台日志（postImage）

您是否尝试过使用
最近的（）
？为什么不使用id？不，我不熟悉该命令。我想我以前没用过。你的代码看起来不错。这是一个环境问题。你可以试试其他的工具，例如：
$（'main content img:first'）。attr（'src'）
@gu jefers，我在切换到上面的示例之前编写了这些代码。是否有相同的结果您是否尝试过使用
最近的（）
？为什么不使用id？不，我不熟悉该命令。我想我以前没用过。你的代码看起来不错。这是一个环境问题。你可以试试其他的工具，例如：
$（'main content img:first'）。attr（'src'）
@gu jefers，我在切换到上面的示例之前编写了这些代码。具有相同的结果不完全确定您在那里建议的内容，但是我将“.find”语法应用于我的代码，得到了相同的结果：var mytidbit=$（“#main content”）.find（“img:first”）.attr（“src”）；不完全确定您在那里建议了什么，但是我在代码中应用了“.find”语法，得到了相同的结果：var mytidbit=$（“#main content”）.find（“img:first”）.attr（“src”）；是的，我刚才注意到我试图从一个延迟加载库中提取一个图像，这显然不允许在加载时读取图像源代码（slaps）。嘿，有人知道如何将变量放入OpenGraph元数据标记的content属性吗？是的，我刚才注意到我试图从延迟加载库中提取图像，这显然不允许在加载时读取图像源代码（slaps）。嘿，有人知道如何将变量放入开放图元数据标记的内容属性中吗？
<div id="main-content">
  <div id="gallery-type-2">
    <div class="gallery-image">
      <img src="images/my-image.png" alt="my image" />
    </div>
  </div>
</div>

var postImage = $('#main-content img').first().attr('src');
console.log(postImage);