如何获取img src属性jquery?

时间:2018-11-27 08:59:38

标签: jquery

我有李某的名单。我在这里只说一个李。

ss -root

使用jquery(其中x是随机数)将随机li放入属性(x)。

 <ul> 
   <li>
    <img
      src="https://cdn0.iconfinder.com/data/icons/fruits/128/Pear.png"
      alt=""
    />
  </li>

当i Console日志x时,我得到以下限制。

   var x = $(".list li:eq(" + x + ")");

现在,我想在li内获取img标签的src属性。  预先感谢。

2 个答案:

答案 0 :(得分:1)

使用eq(0)作为所需计数

console.log($(".list li:eq(0) img").attr('src'))
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="list"> 
   <li>
    <img
      src="https://cdn0.iconfinder.com/data/icons/fruits/128/Pear.png"
      alt=""
    />
  </li>
  </ul>

答案 1 :(得分:1)

您正在尝试访问ul中不存在的.list类,我已将其添加到示例中,对于src,您应该使用$(obj).find("img").attr("src"),这应该可以工作!

var x = 0;
var obj = $(".list li:eq(" + x + ")");
console.log($(obj).find("img").attr("src"))
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="list"> 
   <li>
    <img
      src="https://cdn0.iconfinder.com/data/icons/fruits/128/Pear.png"
      alt=""
    />
  </li>