帮助转换内联onclick [英] Help with converting inline onclick

问题描述

我正在尝试将一些硬编码的内联onclicks转换为动态创建.

I'm trying to convert some hard-coded inline onclicks to be dynamically created.

这就是他们现在的样子:

Here's what they look like now:

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

到目前为止，尽管所有链接都是相同的，但这仍然可以正常工作.我希望链接与其相应的字母相关联.

So far, this works fine, although all of the links are the same. I'd like the links to be associated with it's respective letter.

我发现了这个功能:

function iterateAlphabet() {
    var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
    for(var i=0; i<str.length; i++) {
        var nextChar = str.charAt(i);
        alert(nextChar)
    }
}

...但是不确定如何将其合并. (我还看到了一些使用字符代码的脚本，上面的功能对我来说更容易理解.)

...but am uncertain as to how to incorporate it. (I also saw some script using charcodes, the above function was easier for me to understand.)

我将不胜感激.在此期间，我将继续尝试.

I'd appreciate some help. I'll continue trying in the meantime.

谢谢.

推荐答案

您可以重写为:

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

演示

您也可以使用委托以获得更好的性能:

You can also use delegate for better performance:

$(document).ready(function() {
    $('#search-navlist').delegate('li a', 'click', function() {
        // alert($(this).text());
        searchExhibitorsByAlphabet(this, $(this).text());
        return false;
    });
});

演示

Demo

这篇关于帮助转换内联onclick的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！