Javascript 在Jquery中调用子对象

我已经创建了一个JS函数，它可以调整HTML中

.resizer

下的图像大小，并以以下方式嵌套图像标记

<section id="homeSlide" class="shadow">
    <div class="contentHolder">
        <img class='opaque resize' src="http://www.colette.fr/media/push/swa_mmm_001255.jpg" />
    </div>
    <div class="contentHolder">
        <img class="resize" src="http://www.colette.fr/media/push/EGIFT_01234.jpg" />
    </div>
</section>

在我的JS中，我有以下结构

function ebi() {
var homeSlide = document.getElementById('homeSlide');
var myImgNodes = [];
for (var i = 0; i < homeSlide.childNodes.length; i++) {
    var childNode = homeSlide.childNodes[i];
    if (childNode.nodeType == 1 && childNode.tagName.toLowerCase() == "img") {
        myImgNodes.push(childNode);
    }
}

函数ebi（）{
var homeSlide=document.getElementById（'homeSlide'）；
var myImgNodes=[]；
对于（变量i=0；i

然而，这个函数似乎没有调整大小

---

以下是我如何实现

ebi

（假设IE8+，则无需jQuery）

---

（）

以下是我如何实现

ebi

（假设IE8+，则无需jQuery）

---

（）

以下是我如何实现

ebi

（假设IE8+，则无需jQuery）

---

（）

以下是我如何实现

ebi

（假设IE8+，则无需jQuery）

---

（）

您的img节点不在第一级，您可以轻松尝试jQuery：

$('#homeSlide img').each(function(){
//do your task
})

或者不使用

jQuery

尝试以下操作：

function ebi() {
    var slideContent = document.getElementById('slideContent');
    var myImgNodes = [];
    for (var i = 0; i < slideContent.childNodes.length; i++) {
        var divNode = slideContent.childNodes[i];
        if (divNode.nodeType == 1 && divNode.tagName.toLowerCase() == "div"){
            for (var j = 0; j < divNode.childNodes.length; j++) {
                var childNode = divNode.childNodes[j];
                if (childNode.nodeType == 1 && childNode.tagName.toLowerCase() == "img") {
                    myImgNodes.push(childNode);
                }
            }
        }
    }
}

函数ebi（）{
var slideContent=document.getElementById（'slideContent'）；
var myImgNodes=[]；
对于（var i=0；i

---

这是您的检查结果。

您的img节点不在第一级，您可以轻松尝试jQuery：

$('#homeSlide img').each(function(){
//do your task
})

或者不使用

jQuery

尝试以下操作：

function ebi() {
    var slideContent = document.getElementById('slideContent');
    var myImgNodes = [];
    for (var i = 0; i < slideContent.childNodes.length; i++) {
        var divNode = slideContent.childNodes[i];
        if (divNode.nodeType == 1 && divNode.tagName.toLowerCase() == "div"){
            for (var j = 0; j < divNode.childNodes.length; j++) {
                var childNode = divNode.childNodes[j];
                if (childNode.nodeType == 1 && childNode.tagName.toLowerCase() == "img") {
                    myImgNodes.push(childNode);
                }
            }
        }
    }
}

函数ebi（）{
var slideContent=document.getElementById（'slideContent'）；
var myImgNodes=[]；
对于（var i=0；i

---

这是您的检查结果。

您的img节点不在第一级，您可以轻松尝试jQuery：

$('#homeSlide img').each(function(){
//do your task
})

或者不使用

jQuery

尝试以下操作：

function ebi() {
    var slideContent = document.getElementById('slideContent');
    var myImgNodes = [];
    for (var i = 0; i < slideContent.childNodes.length; i++) {
        var divNode = slideContent.childNodes[i];
        if (divNode.nodeType == 1 && divNode.tagName.toLowerCase() == "div"){
            for (var j = 0; j < divNode.childNodes.length; j++) {
                var childNode = divNode.childNodes[j];
                if (childNode.nodeType == 1 && childNode.tagName.toLowerCase() == "img") {
                    myImgNodes.push(childNode);
                }
            }
        }
    }
}

函数ebi（）{
var slideContent=document.getElementById（'slideContent'）；
var myImgNodes=[]；
对于（var i=0；i

---

这是您的检查结果。

您的img节点不在第一级，您可以轻松尝试jQuery：

$('#homeSlide img').each(function(){
//do your task
})

或者不使用

jQuery

尝试以下操作：

function ebi() {
    var slideContent = document.getElementById('slideContent');
    var myImgNodes = [];
    for (var i = 0; i < slideContent.childNodes.length; i++) {
        var divNode = slideContent.childNodes[i];
        if (divNode.nodeType == 1 && divNode.tagName.toLowerCase() == "div"){
            for (var j = 0; j < divNode.childNodes.length; j++) {
                var childNode = divNode.childNodes[j];
                if (childNode.nodeType == 1 && childNode.tagName.toLowerCase() == "img") {
                    myImgNodes.push(childNode);
                }
            }
        }
    }
}

函数ebi（）{
var slideContent=document.getElementById（'slideContent'）；
var myImgNodes=[]；
对于（var i=0；i

---

这是您的检查结果。

为什么不

$（“#homeSlide img”）。每个（…）

都是因为您用jquery标记了它？id为

slideContent

的元素在哪里？值得一提的是，

子节点

的“slideContent”（或“homeSlide”，您混合了您的id）是

div

s，不是img。你需要得到这些孩子的孩子。jQuery标签有什么原因吗？@A.Wolff显然不想引起更多的注意。这个问题充满了jQuery！为什么不

$（“#homeside img”）。每个（…）

既然您用jquery标记了它？id为slideContent的元素在哪里？值得一提的是，“slideContent”（或“homeSlide”）的

childNodes

混合了您的id）是

div

s，不是img。你需要得到这些孩子的孩子。jQuery标签有什么原因吗？@A.Wolff显然不想引起更多的注意。这个问题充满了jQuery！为什么不

$（“#homeside img”）。每个（…）

既然您用jquery标记了它？id为slideContent的元素在哪里？值得一提的是，“slideContent”（或“homeSlide”）的

childNodes

混合了您的id）是

div

s，不是img。你需要得到这些孩子的孩子。jQuery标签有什么原因吗？@A.Wolff显然不想引起更多的注意。这个问题充满了jQuery！为什么不

$（“#homeside img”）。每个（…）

既然您用jquery标记了它？id为slideContent的元素在哪里？值得一提的是，“slideContent”（或“homeSlide”）的

childNodes

混合了您的id）是

div

s，而不是img。您需要获取这些子项的子项。jQuery标记有什么原因吗？@A.Wolff显然不会引起更多注意。