Question

如何从此代码获取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如何？

请帮助我..

Answer 1

您需要使用id = $(this).parent().attr("id");

＆＃13;

$(".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;

Answer 2

使用此代码

$(".star-rating .fa").on('click', function() {
    var parentId = $(this).parents('.star-rating').attr('id')

 });

如何在javascript中获取ID？

2 个答案: