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

时间:2012-02-02 09:41:38

标签: jquery image html-table

我在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> ....

2 个答案:

答案 0 :(得分:4)

这应该这样做:

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

答案 1 :(得分:1)

搜索图片的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()函数设置其属性。