jQuery选择器工作，但它不影响图像大小

我想通过使用jQuery显示宽度250px的小图像。我试图设置图像的宽度，在jQuery中我使用这个命令。这里是我的jQuery代码，即使在给这个命令图像附带其原始大小，即600px等等等...jQuery选择器工作，但它不影响图像大小

我的html td标记显示此值，但不影响图像。

因此，任何人都可以告诉如何设置图像的大小，以便它的原始重量和高度，但它显示与250px？

<script language="javascript" type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> </script> <script language="javascript" type="text/javascript"> 
$(document).ready(function() { 

$("table td #n1WPQ4").css("width","250px") 

}); 
</script>

应用上述脚本后我的HTML代码。

<table class="ms-formtable" border="0" cellpadding="0" cellspacing="0" width="100%"> 
<tbody> 
<tr> 
<td nowrap="" valign="top" width="190px" class="ms-formlabel"> 
<nobr>Picture</nobr> 
</td> 

<td valign="top" class="ms-formbody" width="400px" id="n1WPQ4" style="width: 250px;"> 

<img src="http://img.dashtees.com/mini-gloves/pakistan/pakistan.03.jpg" alt="">&nbsp; 
</td> 
</tr> 
<tr> 
<td nowrap="" valign="top" width="190px" class="ms-formlabel"> 
<nobr>Name</nobr> 
</td> 
<td valign="top" class="ms-formbody" width="400px" id="n2WPQ4"> 
<a onfocus="OnLink(this)" href="http://sharepoint/_layouts/15/listform.aspx? PageType=4&amp;ListId={06ABE63D-FD6E-4EC6-A473- CF648BE5B384}&amp;ID=2&amp;ContentTypeID=0x0100C0EFC789E8F94545923F62567A0C1A52" onclick="EditLink2(this,7);return false;" target="_self">glove</a>&nbsp;</td></tr><tr><td nowrap="" valign="top" width="190px" class="ms-formlabel"><nobr>Description</nobr></td><td valign="top" class="ms-formbody" width="400px" id="n3WPQ4"><div dir="" class="ms-rtestate-field"></div>&nbsp;</td> </tr><tr><td nowrap="" valign="top" width="190px" class="ms-formlabel"><nobr>Article</nobr></td><td valign="top" class="ms-formbody" width="400px" id="n4WPQ4">&nbsp;</td></tr></tbody></table>

来源

2014-02-21 Uzair Xlade

''不是他LP。 CSS会赢，但它会让人感到困惑。 –

td #n1WPQ4将ID n1WPQ4td下选择子元素。

由于您已将id="n1WPQ4"分配给您的td，因此您在这里不需要空间。

此外，id是唯一的，这样您可以选择更改为：

$("#n1WPQ4 img").css("width","250px")

来源

2014-02-21 13:04:06 Felix

我已经试过这个，它不工作，首先它显示检查元素中的变化，现在它没有任何影响... –

我正在做这项工作在SharePoint列表中，在SharePoint设计器，当我给它提醒查询它运行，但是当我应用图像大小时，它不起作用，任何人都可以告诉将会是什么问题？ –

您使用选择不选择图像，#n1WPQ4是图像的父ID tag.You应该使用：

$("#n1WPQ4 img")

或

$("#n1WPQ4").find("img")

来源

2014-02-21 13:05:21

你在说要像这样使用$（“＃n1WPQ4”）。find（“img”）.css（“width”，“250px”） –

ya。或'$（“＃n1WPQ4 img”）。css（“width”，“250px”）' –

它不适合我，不要以为它需要像$（“table td＃n1WPQ4 img”）的完整路径。 “宽度”，“250px”） –

jQuery选择器工作，但它不影响图像大小

回答

相关问题