在jQuery中获取输入元素的值

Question

I would like to get the value of a input using a the a chain class as the identifier in jquery. is this possible?

I have the following code

<input class="donate-block__value monthly" type="text" id="donation-amount" name="DonationAmount" value="200" />

and i have tried the following which has resulted in undefined

var monthlyDonation = $('.donate-block__value .monthly').val();
var monthlyDonation = $('donate-block__value monthly').val();

console.log(monthlyDonation);

I need to target the class Can this be done please?

Answer 1

Don't add space between your classes or jquery will start to search within the first class looking for a child element. use it like this:

var monthlyDonation = $('.donate-block__value.monthly').val();

Answer 2

如果您有多个定义了该类的元素，也可以仅将input元素作为目标：

$('input.donate-block__value.monthly').val();

Answer 3

Your selector .donate-block__value .monthly is referring to an element within an element. Try just .donate-block__value or .monthly