javascript - 使用 jquery 更改调用 javascript 函数变量？

Question

有一个这样的html页面:

<div id="list"><a onclick = "javascript:addplaylist('shv231a','1');" href="javascript:void(0);">+</a></div>
<div id="list"><a onclick = "javascript:addplaylist('jhr2a13','1');" href="javascript:void(0);">+</a></div>
<div id="list"><a onclick = "javascript:addplaylist('thy2b1k','1');" href="javascript:void(0);">+</a></div> 

有javascript函数

 addplaylist('shv231a','1');
    addplaylist('jhr2a13','1');
    addplaylist('thy2b1k','1');

当用户单击此按钮时，我想在 javascript 函数 (addplaylist) 中将值“1”更改为“2”

<a id="make2" onclick="" href="javascript:void(0);">Change the value 2</a>

我如何使用 jquery 做到这一点？

Answer 1

使用 jQuery 实现此目的的方法是将所有 Javascript 代码移动到单独的文件或 HTML 中的 script block 中。从行为 (Javascript) 中抽象显示 (HTML + CSS) 的任何方式

这需要对 HTML 进行一些修改。特别是删除重复的 id 字段以支持 id 的唯一性。另外从 onclick 处理程序中删除 javascript 引用。

<div id="list1"><a>+</a></div>
<div id="list2"><a>+</a></div>
<div id="list3"><a>+</a></div> 

然后使用 jQuery，您可以直接从 JavaScript 指定这些链接的行为。对于播放列表链接和修改它们以传递“2”的链接都是如此，

$(document).ready(function () { 

  var secondArg = '1';

  $('#list1 a').click(function (e) { 
    addplaylist('shv231a1', secondArg);
    e.preventDefault();  // Don't follow link
  });

  $('#list2 a').click(function (e) { 
    addplaylist('jhr2a13', secondArg);
    e.preventDefault();  // Don't follow link
  });

  $('#list3 a').click(function (e) { 
    addplaylist('thy2b1k', secondArg);
    e.preventDefault();  // Don't follow link
  });

  $('#make2').click(function (e) {
    secondArg = '2';
    e.preventDefault();
  });

});