Question

如果图像源等于url格式的特定内容，如何使用php或jquery为图像标记添加id？

我是非常新的php和jquery，我遇到了有趣的问题我有一个名为lingeriesshop.net的网站，我试图添加实时聊天到网站但我在聊天插件控制台中选择的自定义实时聊天图像出现在图像和页面侧面之间50px的空间。代码是从通过聊天服务运行的服务器端脚本生成的，因此我无法以传统方式添加或删除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语句写入where图像标签src等于设定值的位置然后在图像标签中添加一个id以便稍后引用id并添加一个类来调整其位置？我不是一个PHP经验丰富的人所以我不确定这是否可能或如何去做我只是试图将我的图像移动超过50px

Answer 1

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

或

$('img[src*="image.jpg"]').addClass('classname'); // this will find every image src containing "image.jpg"

Answer 2

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

$('img[src="image.jpg"]').attr('id','yourIDHere');
$('yourIDHere').addClass('classname');

Answer 3

您可以使用它的源来访问图像，并添加属性和类，如下所示：

 $('img[src="image_path"]').attr('id','sampleID').addClass('classname');

Answer 4

如果您的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;}

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

4 个答案: