Question

当我点击a标记我想要调用DoSomething方法时，我的页面中有两个具有不同ID的html控件。

<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();
}

但无论我点击哪一个都会在htmlVal中显示Value1。如何区分和检索名为

的方法的值

Answer 1

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

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

然后用它来遍历子span元素：

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

<强> Working Demo

Answer 2

<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();
}

Answer 3

你可以使用你可以找到作为标签上的子元素的span元素来传递函数中的当前元素

<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
}

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

3 个答案: