如何通过将 jQuery 转换为 javascript 来获取ElementsByTagName？

发布于 2024-10-20 07:49:27 字数 1307 浏览 1 评论 0原文

$(document).ready(function()
{
    var remote_data = [
        {
            'path': '/var/www/html/somefile.php',
            'content': '<html><body><div class="navigation">Original data!</div></body></html>'
        },
        {
            'path': '/var/www/html/anotherfile.php',
             'content': '<html><body><div class="navigation">Original data!</div></body></html>'
        }
    ];

    var replacement = '<div class="test">New data</div>';
    for (i = 0; i < remote_data.length; i++)
    {
        var original = $('<header>' + remote_data[i].content + '<footer>', document);

        var doc = original.get();

        var elems = doc.getElementsByTagName('div');
        console.log(elems.length);
        for (j = 0; j < elems.length; j++)
        {
            alert(elems[j].className);
            if (elems[j].className == 'navigation')
            {
                alert(elems[j]);
            }
        }

        $(original).find('.navigation').html(replacement);
        document.write($(original).html());
    }
});

我想调用 var elems = doc.getElementsByTagName('div'); 但这会导致错误。我无法使用 jQuery。我必须使用 javascript 从字符串中 getElementsByTagName 。这怎么能做到呢？

原文

$(document).ready(function()
{
    var remote_data = [
        {
            'path': '/var/www/html/somefile.php',
            'content': '<html><body><div class="navigation">Original data!</div></body></html>'
        },
        {
            'path': '/var/www/html/anotherfile.php',
             'content': '<html><body><div class="navigation">Original data!</div></body></html>'
        }
    ];

    var replacement = '<div class="test">New data</div>';
    for (i = 0; i < remote_data.length; i++)
    {
        var original = $('<header>' + remote_data[i].content + '<footer>', document);

        var doc = original.get();

        var elems = doc.getElementsByTagName('div');
        console.log(elems.length);
        for (j = 0; j < elems.length; j++)
        {
            alert(elems[j].className);
            if (elems[j].className == 'navigation')
            {
                alert(elems[j]);
            }
        }

        $(original).find('.navigation').html(replacement);
        document.write($(original).html());
    }
});

I want to call var elems = doc.getElementsByTagName('div'); but this causes an error. I cannot use jQuery. I must use javascript to getElementsByTagName from the string. How can this be done?

分享到QQ

分享到微博