jqueryで複数のテキストボックスIDを取得する方法

Question

document.ready（関数）に複数のテキストボックスIDを取得したいとします。

私はそれを取得しようとしましたが、動作しません。

コンマ区切りを使用するとどうなりますか？

$(document).ready(function($){ 
    $(".Table-right .MinValue, .Carat-right .MinValue,.Price-right .MinValue,.Depth-right .MinValue ").attr('id'); 
}) 

Answer 1

$(document).ready(function($) { 
 

 
    var output = $(".Table-right .MinValue, .Carat-right .MinValue,.Price-right .MinValue,.Depth-right .MinValue "); 
 

 
    
 
    output.each(function(index) { 
 

 
    console.log(index + ": " + $(this).attr('id')); 
 
    }); 
 

 

 
});

Not Sure if this is what you are going for but if this is how you set up your data than you did it correctly. 
 

 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<div class="Table-right"> 
 
    <input type="text" class="MinValue" id="test1"> 
 

 
</div> 
 

 
<div class="Carat-right"> 
 
    <input type="text" class="MinValue" id="test2"> 
 

 
</div> 
 

 
<div class="Price-right"> 
 
    <input type="text" class="MinValue" id="test3"> 
 

 
</div> 
 

 
<div class="Depth-right"> 
 
    <input type="text" class="MinValue" id="test4"> 
 

 
</div>

Answer 2

あなたのセレクタはnodelistを与えます。ですから、idを個別に取得するためにそれらを繰り返し処理する必要があります。

$(document).ready(function($){ 
    $(".Table-right .MinValue, .Carat-right .MinValue,.Price-right .MinValue,.Depth-right .MinValue ").each(function(){ 
    alert($(this).attr(id)) 
}); 
})