Нахождение тега изображения с помощью сопроводительного текста

Question

Нахождение тега изображения с помощью сопроводительного текста

Я хотел бы знать, было ли это возможное использование JavaScript для нахождения тега изображения его сопроводительным текстом. Например, у меня есть этот тег: <img src="Myimage.jpg" alt="Myimage"> был бы способ получить тег путем поиска атрибута высокого звука "Myimage"?

6

javascript image attributes tags

задан theIV 26 May 2010 в 15:52

3 ответа

Другие вопросы по тегам:

javascript image attributes tags

Похожие вопросы:

score 12 · Answer 1

Несомненно, скоро будет опубликовано решение jQuery. Чтобы обойтись без этого, будет работать следующее:

function getImagesByAlt(alt) {
    var allImages = document.getElementsByTagName("img");
    var images = [];
    for (var i = 0, len = allImages.length; i < len; ++i) {
        if (allImages[i].alt == alt) {
            images.push(allImages[i]);
        }
    }
    return images;
}

var myImage = getImagesByAlt("Myimage")[0];

score 0 · Answer 2

Это было бы не так сложно, если бы NodeList реализовал Iterable. Эта реализация помещает фильтр в прототип NodeList, который может не соответствовать вкусу каждого, но я предпочитаю краткий доступ к своим структурам данных.

<html>  
    <head>
        <script type="text/javascript">
            // unfortunately NodeLists do not have many of the nice Iterate functions
            // on them, here is an incomplete filter implementation
            NodeList.prototype.filter = function(testFn) {
                var array = [] ;
                for (var cnt = 0 ; cnt < this.length ; cnt++) {
                    if (testFn(this[cnt])) array.push(this[cnt]) ; 
                }
                return array ;
            }

            // loops through the img tags and finds returns true for elements that
            // match the alt text
            function findByAlt(altText) {
                var imgs = document.getElementsByTagName('img').filter(function(x) {
                    return x.alt === altText ;
                }) ;

                return imgs ;

            }

            // start the whole thing
            function load() {
                var images = findByAlt('sometext') ;

                images.forEach(function(x) {
                    alert(x.alt) ;
                }) ;
            }

        </script>
    </head>

    <body onload="load()">
        <img src="./img1.png" alt="sometext"/>
        <img src="./img2.png" alt="sometext"/>
        <img src="./img3.png" alt="someothertext"/>
    </body>
</html>

score 8 · Answer 3

Вы можете сделать это с помощью JQuery . Следующий код JQuery вернет любое изображение с тегом alt, установленным на «Myimage»:

$('img[alt="Myimage"]').

Однако было бы намного проще и эффективнее использовать атрибут id тега изображения.