Ich bin neu in Jquery. Ich habe zwei Divs, die ich als Attribut src verwenden möchte

Wie kann ich das erreichen?

Danke im Voraus

<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();

Alarm (a); Alarm (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>
1
Parmar Jatin 21 Aug. 2015 im 13:12

8 Antworten

Beste Antwort
$(document).ready(function () {
            var a = $('#month1').find('img').attr('src');
            var b = $('#month2').find('img').attr('src');
           alert(a);
alert(b);
            }
        });
0
vakeel 21 Aug. 2015 im 10:15

Das ist der beste Weg, 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>
0
carlo denaro 21 Aug. 2015 im 10:18
  1. Wickeln Sie Ihren Code in ready () ein, damit er ausgeführt wird, wenn DOM fertig ist Wird geladen
  2. Verwenden Sie die jQuery-Methode attr () , um den Elementattributwert abzurufen
$(document).ready(function() {
  var a = $('#month1 img').attr('src');
  var b = $('#month2 img').attr('src');

  $(document.body).append('<hr />' + a + '<br>' + b);
});
<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>

Mit Pure Javascript

document.addEventListener('DOMContentLoaded', function() {
  var a = document.getElementById('month1').getElementsByTagName('img')[0].src;
  document.write(a);
}, false);
<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>
0
Tushar 21 Aug. 2015 im 10:24

Wählen Sie das Element anhand der ID von div aus und suchen Sie es mit der Methode .find() als Nachkommen. Vergessen Sie nicht, das Dokument wie folgt fertig zu verpacken:

$(function(){
   var a = $("#month1").find('img').attr('src');
   var b = $("#month2").find('img').attr('src');

  alert(a); 
  alert(b)
});
1
Norlihazmey Ghazali 21 Aug. 2015 im 10:14

Geben Sie dem Bild-Tag eine 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>

Dann können Sie mit diesen IDs direkt auf diesen Wert zugreifen

var $img = $("#image1");
var src = $img.attr("src");
0
Arun 21 Aug. 2015 im 10:20

Schauen Sie sich die attr() -Funktion von jQuery an (Dokumentation hier).

Beispiel:

var a = $("#month1 img").eq(0).attr("src");
0
m02ph3u5 21 Aug. 2015 im 10:15

Sie können die folgende jquery verwenden, um alle Elemente mit dem Tag-Namen 'img' zu finden.

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

Eine andere saubere Möglichkeit, alle Tags mit dem Typ image im Eingabe-Tag zu finden, ist in der jquery-API angegeben.
Bildauswahl-Abfrage

0
Rohit Batta 21 Aug. 2015 im 10:28
   var imgSrc1 = $('#month1').find('img').attr("src");
   var imgSrc2 = $('#month2').find('img').attr("src");
0
Cláudio Barreira 21 Aug. 2015 im 10:15