Javascript 如何使用不同的ID调用相同的方法

在我的页面中，我有两组具有不同ID的html控件，当我单击要调用

DoSomething

方法的

a

标记时

<div>
   <a href="javascript:void(0);" onclick="DoSomething();">
   <span id="spnValue" >Value1</span>
</div>

<div>
   <a href="javascript:void(0);" onclick="DoSomething();">
   <span id="spnValue1">Value2</span>
</div>

function DoSomething() {
   var htmlVal = "";
   skuList  = $("span[id*='spnValue']").html();
}

价值1
价值2
函数DoSomething（）{
var htmlVal=“”；
skuList=$（“span[id*='spnValue']”）html（）；
}

---

但无论我点击哪个，它都会给出htmlVal中的

值1

。如何识别和检索名为

的方法的值您可以将单击的元素对象传递给方法：

<a href="javascript:void(0);" onclick="DoSomething(this);">
<span id="spnValue1">Value2</span>
</div>

---

您可以在函数中传递当前元素，使用该元素可以定位span元素，该元素是a标记上的子元素

<div>
  <a href="javascript:void(0);" onclick="DoSomething(this);">
     <span id="spnValue" >Value1</span>
  </a>
</div>

<div>
  <a href="javascript:void(0);" onclick="DoSomething(this);">
     <span id="spnValue1">Value2</span>
  </a>
</div>

function DoSomething(node) {
   var htmlVal = "";
   skuList  = $(node).find('span').html();//for children
   //skuList  = $(node).next('span').html();//for siblings
}

函数DoSomething（节点）{
var htmlVal=“”；
skuList=$（节点）.find（'span'）.html（）；//用于子级
//skuList=$（节点）.next（'span'）.html（）；//用于同级
}

价值2
功能剂量测定法（obj）{
var htmlVal=“”；
skuList=$（obj.parent（）.find（'span'）.html（）；
}

如果它们都在一个div abd

a

标签中，则在span之前关闭。例如，[link]如果span在multiples div中，那么

next

将给出undefined@hachitti：偏离航线。穿越将中断。和我们分享那份礼物。

<div>
  <a href="javascript:void(0);" onclick="DoSomething(this);">
     <span id="spnValue" >Value1</span>
  </a>
</div>

<div>
  <a href="javascript:void(0);" onclick="DoSomething(this);">
     <span id="spnValue1">Value2</span>
  </a>
</div>

function DoSomething(node) {
   var htmlVal = "";
   skuList  = $(node).find('span').html();//for children
   //skuList  = $(node).next('span').html();//for siblings
}

<div>
       <a href="javascript:void(0);" onclick="DoSomething(this);">
      <span id="spnValue1">Value2</span>
</div>

function DoSomething(obj) {
    var htmlVal = "";
    skuList  = $(obj).parent().find('span').html();
}