0

如果图像源等于 url 形式的特定内容，我如何使用 php 或 jquery 将 id 添加到图像标签？

我对 php 和 jquery 非常陌生，遇到了一个有趣的问题图片和页面侧面之间有 50 像素的空间。该代码是从通过聊天服务运行的服务器端脚本生成的，因此我无法以传统方式添加或删除 css 类或 id 以调整图像位置。有人建议我使用 jquery 向图像添加类的解决方案，使用此 jquery 代码将 css 添加到类以将图像移动 50px

$("#imageID").addClass("classname");

但是我试图添加一个类的图像代码没有内联#id，而且我不熟悉 wordpress 中的图像 id，一般来说这是我从 firebug 获得的图像代码。

<img style="white-space: nowrap; position: absolute; top: 0px; left: 0px;" src="http://lingeriesshop.net/redchatimage.png">

是否可以编写一个 if 语句，如果图像标签 src 等于设定值，然后将 id 添加到图像标签以稍后引用 id 并添加一个类来调整其位置？我不是一个有 php 经验的人，所以我不确定这是否可能或如何去做我只是想将我的图像移动超过 50px

4

4 回答 4

1 
$('img[src="image.jpg"]').addClass('classname');

或者

$('img[src*="image.jpg"]').addClass('classname'); // this will find every image src containing "image.jpg"
于 2013-09-13T21:39:48.167 回答
0

您可以使用 直接编辑元素的属性attr。您可以使用它为图像提供一个 ID，以后可以使用它来引用。

$('img[src="image.jpg"]').attr('id','yourIDHere');
$('yourIDHere').addClass('classname');
于 2013-09-13T21:44:20.940 回答
0

您可以使用它的源访问图像，并添加属性和这样的类： 

 $('img[src="image_path"]').attr('id','sampleID').addClass('classname');
于 2013-09-13T21:48:20.600 回答
0

如果您的 img 包含在 div 或其他元素中，您可以在没有类的情况下在 CSS 中引用它。

如果html是这样的......

<div id='chatwindow'>
  <div id='conversation'>
    ...
  </div>
  <div id='userinput'>
    <input type="text" />
  </div>
  <img style="white-space: nowrap; position: absolute; top: 0px; left: 0px;" src="http://lingeriesshop.net/redchatimage.png">
</div>

然后你可以使用CSS将img 50px向右移动......

#chatwindow img {margin-left: -10px !important;}
于 2013-09-13T21:49:45.317 回答