时间戳

首页 > 解决方案 > 无法使用 eq() 获取动态添加的单选按钮子项

javascript - 无法使用 eq() 获取动态添加的单选按钮子项

问题描述

如何在加载DOM后获取最后一个动态添加的单选按钮的ID

jQuery(document).on("click", ".create-wishlist-items li.wish-item", function() {
  var thisItem = jQuery(this).index();

  jQuery('#itoris-wishlist-radiostack div').eq(thisItem).children('.itoris-wishlist-radio').click();
  jQuery('.itoris-wishlist-button-select').click();

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="itoris-wishlist-radiostack">
  <div>
    <input class="itoris-wishlist-radio" name="itoris-wishlist-radio" value="1020" id="itoris-wishlist-radio-1020" alt="Chezil" type="radio">
    <label for="itoris-wishlist-radio-1020">radio 1</label>
  </div>
  <div>
    <input class="itoris-wishlist-radio" name="itoris-wishlist-radio" value="1021" id="itoris-wishlist-radio-1021" alt="alt1" type="radio">
    <label for="itoris-wishlist-radio-1021">radio 2</label>
  </div>
  <div>
    <input class="itoris-wishlist-radio" name="itoris-wishlist-radio" value="1019" id="itoris-wishlist-radio-1019" checked="checked" alt="Main" type="radio">
    <label for="itoris-wishlist-radio-1019">radio 3</label>
  </div>
</div>

标签： javascriptjquery

解决方案

您可以使用jQuery('.radio-wrap input').last().attr('id');

请参阅添加的片段以供参考。

var c = 4;
function addRadio(){
	jQuery('.radio-wrap').append('<input type="radio" id="'+ c +'" value="4">');
  	c++;
}
function getLast(){
var elID = jQuery('.radio-wrap input').last().attr('id');
console.log(elID);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" onclick="addRadio()">
Add radio
</button>
<div class="radio-wrap">
  <input type="radio" id="1" value="1">
  <input type="radio" id="2" value="2">
  <input type="radio" id="3" value="3">
</div>
<button onclick="getLast()">Get Last</button>

推荐阅读