Question

这是我的代码，当我点击按钮时我想通过调用该ID来显示特定位置的按钮动态ID：这是我的代码：

<span  id="2" class="view-details">View Details</span>
$( ".view-details" ).on( "click", function() {
var group = field.attr("id");
console.log(group);                     //Ex: value is coming as "2"
$("#groupID").append( group );

我的HTML

 <span id="groupID"></span>             //i want to display the value "2" here

Answer 1

在您的代码中field未定义变量而不是使用this来引用所单击的元素并获取id属性。 Althogh用于更新内容使用html()或text()方法，因为append()方法只是在结尾插入新内容（现有内容将在那里）。

$(".view-details").on("click", function() {
  // get id property
  var group = this.id;

  // update the html contecnt of span element
  // or use `text()` method
  $("#groupID").html(group);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="2" class="view-details">View Details 1</span><br>
<span id="3" class="view-details">View Details 2</span><br>
<span id="groupID"></span>

Answer 2

如果我们只查看您提供的代码段，则问题是您没有定义字段变量。但是，如果不需要，它将继续在您的范围内追加2次，如果不需要，另一个答案已经在处理。

$( ".view-details" ).on( "click", function() {
field = $(this);
var group = field.attr("id");
console.log(group);                     //Ex: value is coming as "2"
$("#groupID").append( group ); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span  id="2" class="view-details">View Details</span>
<span id="groupID"></span>

发布不适用于调用唯一的id

2 个答案: