Question

在包含html文档的字符串中，如下所示：

<html>
  ... stuff ...

  <div class="container">
    <p><strong>Message title</strong></p>
    <textarea class="txtarea" id="txtarea">
      <table cellpadding="2">
        <a href="http://somewhere.com"> 
          <img src="http://mycdn.com/mypicId.jpg" width="280" height="280"> 
        </a> 
      </table>
    </textarea>
  </div>

  ... stuff ...
</html>

，使用正则表达式，如何在div中使用类“container”获取img标记的src属性，知道html的其他部分还有多个其他img标记？ / p>

Answer 1

不需要正则表达式，使用jQuery

var src = $('.container img').eq().attr('src')

eq()允许指定要返回的单个元素。

您也可以在选择器

中使用:nth-child()

Answer 2

普通Javascript：

var src = document.getElementsByClassName('container')[0]
                  .getElementsByTagName('img')[0].src;

<强> jQuery的：

var src = $('.container img').attr('src');

JSFiddle

顺便说一下，该HTML无效，因为<img> 内有<textarea>？

div中的img标签的src属性是否具有已知的id？

2 个答案: