javascript - JQuery如何处理getElementsByClassName迭代？

今天，我正在缩短旧代码，然后看到以下代码：

$(".ceker").append("<a href='kit/");
$("#pdf").append("pdf");
$("#txt").append("txt");
$("#epub").append("epub");
$(".ceker").append("/7.");
$("#pdf").append("pdf");
$("#txt").append("txt");
$("#epub").append("epub");
$(".ceker").append("'><div class='menukitap'><div class='menuharry7 menuharresler'></div><h4>Ölüm Yadigarları İndir</h4></div></a>");

它曾经这样输出：

<a href="kit/pdf/7.pdf"><div class="menukitap"><div class="menuharry7 menuharresler"></div><h4>Ölüm Yadigarları İndir</h4></div></a>

我这样缩短了它：

function item()
{
    if( $('.ceker').attr('id') == 'pdf' )
    {
        return "pdf";
    }
    if( $('.ceker').attr('id') == 'txt' )
    {
        return "txt";
    }
    if( $('.ceker').attr('id') == 'epub' )
    {
        return "epub";
    }
}

$(".ceker").append("<a href='kit/" + item() + "/7." + item() + "'><div class='menukitap'><div class='menuharry7 menuharresler'></div><h4>Ölüm Yadigarları İndir</h4></div></a>");

这段代码也可以，但是我不知道为什么。我认为，此代码不起作用，因为“ ceker”类已经具有3个不同的ID“ pdf”，“ txt”和“ epub”

所以这是我的问题：JQuery如何使用getElementsByClassName Iteration处理（答案1）？ （我不明白if( $('.ceker').attr('id') == 'pdf' )的工作原理）

这是HTML，如果您需要

<nav class="menu">
                    <span class="ara-menu-yer">Türkçe</span>
                    <a><li><section id="pdf" class="ceker"></section></li></a>
                    <a><li><section id="txt" class="ceker"></section></li></a>
                    <a><li><section id="epub" class="ceker"></section></li></a>
                    <span class="ara-menu-yer">English</span>
                    <a><li><section id="ingpdf" class="cekereng"></section></li></a>
                    <a><li><section id="ingdoc" class="cekereng"></section></li></a>
                </nav>

如果有错误的拼写，语法或词汇错误，我深感抱歉。而且我认为我无法解释我的问题，但希望您能理解。

最佳答案

从the docs：


  获取匹配元素集中第一个元素的属性值。

关于javascript - JQuery如何处理getElementsByClassName迭代？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28051474/