jQuery：他のフォームの画像にクラスを追加する方法とボタンの上の画像にない方法

Question

私は同じページに3つの異なるフォームを持っています&私は他の画像の上にクラスを追加する必要があります&ボタンの上の画像マウスがjQueryでマウスを動かすと

ここに私のコード：

<form id="register_form1"> 
<div class="register_img"> 
    <img src="images/register.jpg" /> 
</div> 
<div class="input-btn-reg"> 
    <button type="submit" class="btn btn-lg"> 
     <h6>Register</h6> 
    </button> 
</div> 
<form id="register_form2"> 
<div class="register_img"> 
    <img src="images/register.jpg" /> 
</div> 
<div class="input-btn-reg"> 
    <button type="submit" class="btn btn-lg"> 
     <h6>Register</h6> 
    </button> 
</div> 
<form id="register_form3"> 
<div class="register_img"> 
    <img src="images/register.jpg" /> 
</div> 
<div class="input-btn-reg"> 
    <button type="submit" class="btn btn-lg"> 
     <h6>Register</h6> 
    </button> 
</div> 
</form> 

は、事前にありがとうございます。

Answer 1

$(".register_img img").attr("src") 

Answer 2

<div class="register_img"> 
    <img src="images/register.jpg" /> 
</div> 
<div class="input-btn-reg"> 
    <button type="submit" class="btn btn-lg" id="btn" onclick="clickbtn()"> 
     <h6>Register</h6> 
    </button> 
</div>  

function clickbtn() 
     { 
      var img = $('.register_img img').attr('src'); 
      alert(img); 
     } 

OR

$(document).ready(function() { 
    $('#btn').click(function() { 
     var img = $('.register_img img').attr('src'); 
     alert(img); 
    }); 
}); 

Answer 3

function geturl(){ 
 
     var src = $('#myImg').attr('src'); 
 
     alert(src); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<form id="register_form"> 
 
<div class="register_img"> 
 
    <img id="myImg" style="height:200px;width:200px" src="http://lmsotfy.com/so.png" /> 
 
</div> 
 
<div class="input-btn-reg"> 
 
    <button type="submit" onclick="geturl();" class="btn btn-lg"> 
 
     <h6>Register</h6> 
 
    </button> 
 
</div> 
 
</form>

Answer 4

あなたは、単にセレクタを必要としています。 jquery selectorsをご存知の場合は、あなたの要素にアクセスできます。 .attr()を使用できます。

alert($('img').attr('src')); 
alert($('img')[0].src); 
alert($('.register_img img').attr('src')); 

あなたの例では、上記のすべてのコードがあなたのニーズを満たします。