Question

我在jQuery中不是那么好，或者根本不是很好，但是我需要创建一个jQuery / Javascript函数搜索特定表格中的所有图像。所以标准是表必须有一个属性'summary' 它必须等于'forum'（summary = forum）

<table width="100%" class="ms-disc"  dir="none" border="0"
 cellSpacing="0" cellPadding="1" summary="Forum">

所以如果这是表，那么我需要检查td是否有类“特定类” <td class="ms-disc-bordered">。有可能在那个td可以是另一个表，只有在那个表中有一个td ...... 但这并不重要，只是知道它是嵌套的，并且可以在较低的lvl那个图像上。

然后可以调整里面的图像。

现在我有了这段代码：

function ResizeImages()
{
    jQuery(document).ready(function () 
    {
        var table = $("").find()
        table.each("td")(function()
        {
            if(hassummary & summary.equals("forum"))
            {
                var img=table.find("image")
                img.height="";
                img.weight="";
            }
        }
    }
}

更新：所以这是层次结构：

<table summary="forum">
 .....
    <table>

        <table>
            <tr>
                <td class="particular class">
                    <a link>
                        <image> the one i need to get</image>
                    </a>
                </td>
            </tr>
        </table> </table></table> ....

Answer 1

这应该这样做：

$('table[summary=forum] td.particular.class img').each(function(){
   $(this).width(w).height(h);
});

Answer 2

搜索图片的jQuery代码是：

$('table[summary="forum"] td.particular.class img').attr({
    height: '',
    width: ''
});

尽管使用了这段代码，但我认为最重要的部分是理解jQuery选择器。选择器由这些子选择器组成：

表格[summary =“forum”] 使用名为<table>的属性搜索所有summary元素等于"forum"。
td.particular.class 搜索同时包含<td>和particular类

class

img 搜索所有<img>元素。

子选择器由空格分隔。这意味着<img>元素必须放在<td>元素中，并且这些元素必须放在<table>元素中。其他详细信息在jQuery selectors的完整文档中。

找到正确的<img>元素后，您可以使用attr()函数设置其属性。

使用jQuery循环遍历表中的所有图像

2 个答案: