tieto (v2)

Revision 2 of this benchmark created on

Description

assignement

Preparation HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
        ul{
                list-style: none;
        }
        li{
                margin: 5px;
                padding: 20px;
                background-color: gray;
                width: 200px;
        }
        a:link{
                color: white;
                text-decoration: none;
                font-family: Arial;
        }
        a:visited{
                color: white;
                text-decoration: none;
                font-family: Arial;
        }
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>



</head>
<body>
        <ul>
                <li><a href="images/002.jpg">Download Link</a></li>
                <li><a href="images/003.jpg">Download Link</a></li>
                <li><a href="images/004.jpg">Download Link</a></li>
                <li><a href="images/005.jpg">Download Link</a></li>
                <li><a href="images/001.jpg">Download Link</a></li>
                <li><a href="images/002.jpg">Download Link</a></li>
                <li><a href="images/001.jpg">Download Link</a></li>
                <li><a href="images/004.jpg">Download Link</a></li>
                <li><a href="images/003.jpg">Download Link</a></li>
                <li><a href="images/002.jpg">Download Link</a></li>
        </ul>
</body>
</html>

Test runner

Ready to run.

Testing in
TestOps/sec
raw
                $("a[href $='001.jpg']").append("<img src='images/001.jpg' width='40' align='absmiddle'/>")
                $("a[href $='002.jpg']").append("<img src='images/002.jpg' width='40' align='absmiddle'/>")
                $("a[href $='003.jpg']").append("<img src='images/003.jpg' width='40' align='absmiddle'/>")
                $("a[href $='004.jpg']").append("<img src='images/004.jpg' width='40' align='absmiddle'/>")
                $("a[href $='005.jpg']").append("<img src='images/005.jpg' width='40' align='absmiddle'/>")
ready
for
                $("a").each(function(){
                        var val = $(this).attr("href");
                        $(this).append("<img src='"+val+"' width='40' align='absmiddle'/>")
                })
                 
ready
using end
                $("ul")
                .find("a[href $= '001.jpg']")
                .append("<img src='images/001.jpg' width='40' align='absmiddle'/>")
                .end()
                .find("a[href $= '002.jpg']")
                .append("<img src='images/002.jpg' width='40' align='absmiddle'/>")
                .end()
                .find("a[href $= '003.jpg']")
                .append("<img src='images/003.jpg' width='40' align='absmiddle'/>")
                .end()
                .append("<img src='images/004.jpg' width='40' align='absmiddle'/>")
                .end()
                .find("a[href $= '005.jpg']")
                .find("a[href $= '004.jpg']")
                .append("<img src='images/005.jpg' width='40' align='absmiddle'/>");
               
ready
for
var elm = $("a");
                for (var i = 0; i< elm.length ; i++){
                        var val = elm[i].getAttribute("href");
                        elm[i].innerHTML += "<img src='"+val+"' width='40' align='absmiddle'/>";
                
                };
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.