Get the value of an id element in jquery

Question

How in jQuery I can get the value of my element (i.e.: 2).

I try with $(this).("label").attr('for'), but it does not work.

Thanks.

My HTML is:

<div class="checkbox col-sms-6 col-sm-6 moods">
  <label for="2">
    <input type="checkbox" id="2">2
  </label>
</div>

My js is:

$("form").on("click", "div.moods", function(event){
    var moodsId = $(this).("label").attr('for');
    var moodsBtn = $('#moods');
    var moodsBtnValue = $('#moods').val();

    if(moodsBtnValue.toString().indexOf(moodsId) == -1) { moodsBtn.val(moodsBtnValue + moodsId + ","); }
    else { moodsBtn.val(moodsBtnValue.replace(moodsId + ',','')); }
});

possible duplicate of [How do I get the value of a textbox using jQuery?](http://stackoverflow.com/questions/463506/how-do-i-get-the-value-of-a-textbox-using-jquery) — agconti, Aug 15 '14 at 21:02
@DavidThomas - it also doesn't have a HEAD/BODY/HTML tag -- he's just showing us a snippet. — Jason, Aug 15 '14 at 21:12
So we assume, but since we're not seeing the relevant ('[MCVE](http://stackoverflow.com/help/mcve)') code, it's harder to offer definitive help. — David Thomas, Aug 15 '14 at 21:20

dave · Answer 1 · 2014-08-15T21:10:58.213

2

You need to use the .find method to get a subelement:

var id = $(this).find("label").attr('for')

Then to get the value you would do:

$('#moods').find("#" + id).val();

edited Aug 15 '14 at 21:10

answered Aug 15 '14 at 21:00

dave

62,300
5
72
93

A shortcut for using find is to dictate the `this` context, `$("label",this).attr("for")` – Travis J Aug 15 '14 at 21:10

score 0 · Answer 2 · answered Aug 15 '14 at 21:03

0

Another way

$(this).find(">:first-child").attr('for');

or

$(this).children(":first").attr('for');

answered Aug 15 '14 at 21:03

Liam

2,837
23
36

Get the value of an id element in jquery

My HTML is:

My js is:

2 Answers2