帮助转换内联onclick
Help with converting inline onclick
我正在尝试将一些硬编码的内联onclick转换为动态创建。
它们现在的样子:
(html)
<ul id="search-navlist">
<li><a href="#" onclick="searchExhibitorsByAlphabet(this,'A'); return false;">A</a></li>
<li><a href="#" onclick="searchExhibitorsByAlphabet(this,'B'); return false;">B</a></li>
<li><a href="#" onclick="searchExhibitorsByAlphabet(this,'C'); return false;">C</a></li>
....
<li><a href="#" onclick="searchExhibitorsByAlphabet(this,'Z'); return false;">Z</a></li>
</ul>
下面是新的代码:
(脚本)$(document).ready(function() {
$('#search-navlist li a').each(function() {
$(this).attr("onclick", "searchExhibitorsByAlphabet(this,'A'); return false;");
});
});
(html)<ul id="search-navlist">
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
....
<li><a href="#">Z</a></li>
</ul>
到目前为止,虽然所有的链接都是相同的,但这工作得很好。我希望链接与它各自的字母相关联。
我找到了这个函数:
function iterateAlphabet() {
var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
for(var i=0; i<str.length; i++) {
var nextChar = str.charAt(i);
alert(nextChar)
}
}
…但我不确定如何将其纳入。(我也看到一些使用字符码的脚本,上面的函数对我来说更容易理解。)
我很感激你的帮助。在此期间,我会继续尝试。
谢谢。
可以重写为:
<ul id="search-navlist">
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
....
<li><a href="#">Z</a></li>
</ul>
$(document).ready(function() {
$('#search-navlist li a').click(function() {
// alert($(this).text());
searchExhibitorsByAlphabet(this, $(this).text());
return false;
});
});
你也可以使用委托来获得更好的性能:
$(document).ready(function() {
$('#search-navlist').delegate('li a', 'click', function() {
// alert($(this).text());
searchExhibitorsByAlphabet(this, $(this).text());
return false;
});
});
你可以这样做:
$(document).ready(function() {
$('#search-navlist').delegate("li", "click", function() {
searchExhibitorsByAlphabet(this, $(this).text());
return false;
});
});
并将HTML改为:
<ul id="search-navlist">
<li>A</li>
<li>B</li>
<li>C</li>
....
<li>Z</li>
</ul>
相关文章:
- Jquery移动转换复选框在Jquery onclick函数()中第二次选中不起作用
- 如何从toggle转换为onclick
- 将onclick新窗口转换为onclick花式框
- javascript函数和HTML中的文本转换/动画onclick
- 如何将 JavaScript OnClick 转换为 jQuery
- 将内联 Javascript 转换为 onclick 事件
- javascript从onclick转换为函数
- 将onclick函数转换为onload
- 如何将“;onClick"事件转换为javascript文件
- 如何在单击另一个元素时将onclick函数转换为默认文本
- 如何在函数onClick中转换值
- 将带有onclick()的ul转换为带有onchange()的select
- 将onclick事件转换为addEventListener
- 在AngularJS中使用过滤器onclick进行毫米-英寸转换器
- 转换javascript从onclick到onhover
- 使用onClick事件触发CSS3转换
- 如何正确地转换onclick到onsubmit
- 将Onclick转换为addEventListener
- 构造onclick='location.href='将JS变量转换为HTML
- 将onclick转换为onchange