使用jQuery获取属性值

Question

I'm trying to get the attribute value in jQuery, but isn't working, My code reports undefined. Here is an example:

 console.log($(".btn-causas input").find(".active input").attr('d')); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div class="btn-group btn-causas" data-toggle="buttons"> <label class="btn btn-info "> <input type="radio" name="options" id="optiond1" class="btncauses" autocomplete="off" d="security_alert">Security </label> <label class="btn btn-info "> <input type="radio" name="options" id="optiond1" class="btncauses" autocomplete="off" d="strike">Strike </label> <label class="btn btn-info active"> <input type="radio" name="options" id="optiond1" class="btncauses" autocomplete="off" d="dontknow">I DON'T </label> </div> 

Answer 1

The selector could be simply done like :

$(".btn-causas .active input").attr('d');

Hope this helps.

 console.log( $(".btn-causas .active input").attr('d') ); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="btn-group btn-causas" data-toggle="buttons"> <label class="btn btn-info "> <input type="radio" name="options" id="optiond1" class="btncauses" autocomplete="off" d="security_alert"> Security </label> <label class="btn btn-info "> <input type="radio" name="options" id="optiond1" class="btncauses" autocomplete="off" d="strike"> Strike </label> <label class="btn btn-info active"> <input type="radio" name="options" id="optiond1" class="btncauses" autocomplete="off" d="dontknow"> I DON'T </label> </div> 

Answer 2

The best way to do that is that you rename the attribute d for data-name and you can get very easy that value with this code:

Html:

<input type="radio" name="options" id="optiond1" class="btncauses" autocomplete="off" data-name="dontknow">

Jquery:

var value = $('input[name="options"]:checked').data('name');
alert(value);

This is the best way to do that, this code retrieve the value of a checked input radio with the attribute data-name

Regards!

Answer 3

You're specifying wrong selector .btn-causas input , instead use this .btn-causas , See the code below:

Make jQuery find the inputs inside div - .btn-causas instead of finding it inside inputs, as you've done. Inputs doesn't contains a child elements, so you can't find elements inside it.

 $(function() { console.log($(".btn-causas").find(".active input").attr('d')); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="btn-group btn-causas" data-toggle="buttons"> <label class="btn btn-info "> <input type="radio" name="options" id="optiond1" class="btncauses" autocomplete="off" d="security_alert"> Security </label> <label class="btn btn-info "> <input type="radio" name="options" id="optiond1" class="btncauses" autocomplete="off" d="strike"> Strike </label> <label class="btn btn-info active"> <input type="radio" name="options" id="optiond1" class="btncauses" autocomplete="off" d="dontknow"> I DON'T </label> </div> 

Hope this helps!

Answer 4

您没有活动的课程，但是根据我的理解，您正在尝试获取选定的单选按钮的属性，因此请尝试：检查输入