如何从此代码获取id javascript / Jquery
<div class="star-rating" id="star1">
<span class="fa fa-star" data-rating="1"></span>
<span class="fa fa-star" data-rating="2"></span>
<span class="fa fa-star" data-rating="3"></span>
<span class="fa fa-star" data-rating="4"></span>
<span class="fa fa-star-o" data-rating="5"></span>
<input name="whatever1" id="publicfeedbackvaluestar1" class="rating-value"
value="4" type="hidden">
</div>
<div class="star-rating" id="star2">
<span class="fa fa-star" data-rating="1"></span>
<span class="fa fa-star" data-rating="2"></span>
<span class="fa fa-star" data-rating="3"></span>
<span class="fa fa-star" data-rating="4"></span>
<span class="fa fa-star-o" data-rating="5"></span>
<input name="whatever2" id="publicfeedbackvaluestar2" class="rating-value"
value="4" type="hidden">
</div>
<div class="star-rating" id="star3">
<span class="fa fa-star" data-rating="1"></span>
<span class="fa fa-star" data-rating="2"></span>
<span class="fa fa-star" data-rating="3"></span>
<span class="fa fa-star" data-rating="4"></span>
<span class="fa fa-star-o" data-rating="5"></span>
<input name="whatever3" id="publicfeedbackvaluestar3" class="rating-value"
value="4" type="hidden">
</div>
如何在文本框中存储点击评分值.. 我的jquery代码
$(".star-rating .fa").on('click', function() {
id=$(this).attr("id");
$('#publicfeedbackvalue'+id).val($(this).data('rating'));
return SetRatingStar(id);
});
获取id star3如何?
请帮助我..
答案 0 :(得分:2)
您需要使用id = $(this).parent().attr("id");
$(".star-rating .fa").on('click', function() {
var id = $(this).parent().attr("id");
var ratingClicked = $(this).data('rating');
console.log('id: ' + id);
console.log('rating: ' + ratingClicked);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="star-rating" id="star1">
<span class="fa fa-star" data-rating="1">1</span>
<span class="fa fa-star" data-rating="2">2</span>
<span class="fa fa-star" data-rating="3">3</span>
<span class="fa fa-star" data-rating="4">4</span>
<span class="fa fa-star-o" data-rating="5">5</span>
<input name="whatever1" id="publicfeedbackvaluestar1" class="rating-value" value="4" type="hidden">
</div>
<div class="star-rating" id="star2">
<span class="fa fa-star" data-rating="1">1</span>
<span class="fa fa-star" data-rating="2">2</span>
<span class="fa fa-star" data-rating="3">3</span>
<span class="fa fa-star" data-rating="4">4</span>
<span class="fa fa-star-o" data-rating="5">5</span>
<input name="whatever2" id="publicfeedbackvaluestar2" class="rating-value" value="4" type="hidden">
</div>
<div class="star-rating" id="star3">
<span class="fa fa-star" data-rating="1">1</span>
<span class="fa fa-star" data-rating="2">2</span>
<span class="fa fa-star" data-rating="3">3</span>
<span class="fa fa-star" data-rating="4">4</span>
<span class="fa fa-star-o" data-rating="5">5</span>
<input name="whatever3" id="publicfeedbackvaluestar3" class="rating-value" value="4" type="hidden">
</div>
&#13;
答案 1 :(得分:2)
使用此代码
$(".star-rating .fa").on('click', function() {
var parentId = $(this).parents('.star-rating').attr('id')
});