Question

我是Jquery的新手我已经拿了两个div我想要属性 src 值

我怎样才能实现这个

提前致谢

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script>

var a = document.getElementById("month1").src();
var b = document.getElementById("month2").src();

警报（a）的警报（B）

<body>


<div id="month1"><img src="img/offer.png"></div>
<div id="month2"><img src="img/offer.png"></div>
<div id="month3">1111</div>
<div id="month4">222222</div>

</body>
</html>

Answer 1

按div的Id选择元素，并使用$(function(){ var a = $("#month1").find('img').attr('src'); var b = $("#month2").find('img').attr('src'); alert(a); alert(b) });方法找到它的后代，不要忘记将文档内容包装好，如下所示：

SELECT A
FROM Table
WHERE EXISTS (
    SELECT 1
    FROM Table t1
    WHERE t1.A = Table.A 
        AND t1.B = 1
)
AND EXISTS (
    SELECT 1
    FROM Table t2 
    WHERE t2.A = Table.A 
        AND t2.B = 2
)

Answer 2

看一下jQuery的attr()函数（documentation here）。

示例：

var a = $("#month1 img").eq(0).attr("src");

Answer 3

$(document).ready(function () {
            var a = $('#month1').find('img').attr('src');
            var b = $('#month2').find('img').attr('src');
           alert(a);
alert(b);
            }
        });

Answer 4

   var imgSrc1 = $('#month1').find('img').attr("src");
   var imgSrc2 = $('#month2').find('img').attr("src");

Answer 5

将代码包装在attr()中，以便在DOM加载完成后运行
使用jQuery {{3}}方法获取元素属性值

＆＃13;

$(document).ready(function() {
  var a = $('#month1 img').attr('src');
  var b = $('#month2 img').attr('src');

  $(document.body).append('<hr />' + a + '<br>' + b);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div id="month1">
  <img src="img/offer.png">
</div>
<div id="month2">
  <img src="img/offer.png">
</div>
<div id="month3">1111</div>
<div id="month4">222222</div>

＆＃13;

使用Pure Javascript

＆＃13;

document.addEventListener('DOMContentLoaded', function() {
  var a = document.getElementById('month1').getElementsByTagName('img')[0].src;
  document.write(a);
}, false);

＆＃13;

<div id="month1">
  <img src="img/offer.png">
</div>
<div id="month2">
  <img src="img/offer.png">
</div>
<div id="month3">1111</div>
<div id="month4">222222</div>

＆＃13;

Answer 6

这是最好的方式，imho。

var one =  $('#month1 img').attr('src');
alert( one );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div id="month1"><img src="img/offer.png"></div>
<div id="month2"><img src="img/offer.png"></div>
<div id="month3">1111</div>
<div id="month4">222222</div>

Answer 7

为图片标记

提供ID

colorCacheHint

然后您可以使用这些ID直接访问这些值

<body>
<div id="month1"><img id="image1" src="img/offer.png"></div>
<div id="month2"><img id="image2" src="img/offer.png"></div>
<div id="month3">1111</div>
<div id="month4">222222</div>

</body>
</html>

Answer 8

您可以使用以下jquery查找标记名称为“img”的所有元素。

    $( "img" ).each(function(){
    alert($(this).attr('src'));
});

在jquery API中给出了在输入标记中查找具有类型图像的所有标记的其他简洁方法。
image selector jquery

如何从div获取图像属性

8 个答案: