【问题标题】:Copy part of html tag to another将部分html标签复制到另一个
【发布时间】:2019-01-20 02:35:13
【问题描述】:

我的 php 页面中有一些图像,我想将其中一个复制到页面的head 部分中的<meta property="og:image" content="" /> 标记。

图片标签示例:

<img class="img-responsive" border="0" src="../../../Gallery/path/file.jpg" alt="some text" width="640" height="460">

预期的输出(将添加到该部分)从上面的行中修剪所有内容,并从中获取图像的路径:

<meta property="og:image" content="../../../Gallery/path/file.jpg" />

我尝试了与getElementByIdinnerHTML 一致的方法,但它不起作用。还有类似:jQuery( "img.img-responsive" );,(但它占用了整行)。我认为它需要像 .removeAttr() 这样的东西,但我不确定如何一起实现所有这些。

  • 另一件事,我不确定它是否可行:如果页面有更多具有相同名称但图像不同的类,是否可以在 jQuery 或 Javascript 代码中指定要使用的图像? (例如为第一张图片添加,1,或者为仅复制第二张图片添加,2

【问题讨论】:

  • 您回答了自己的问题。 " jQuery( "img.img-responsive" ); (但它占用了整行代码)。" 您可以执行一个名为 strpos($haystack, $needle) 的 php 函数来查找您的 src 部分并将其保存在内容中​​。让我知道我是否有帮助,您需要一个演示。
  • @HassaanAli 感谢您的回复,一个演示会很好测试。
  • 这是一个“php”问题?
  • @FunkFortyNiner 只是我将在 php 中使用该脚本.. 但你是对的,我删除了 php 标签..
  • 谢谢 Mike :) 如果这是一个与 php 相关的问题,我觉得这个问题不清楚,而且对于像我这样关注该标签的人来说(有点)误导。

标签: javascript jquery html getelementbyid


【解决方案1】:

看看attr()http://api.jquery.com/attr/eq()https://api.jquery.com/eq-selector/

$('meta[property="og:image"]').attr('content', $('.img-responsive:eq(2)').attr('src') ); // eq(2) for the 3rd image

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-13
    • 2021-02-11
    • 2011-11-05
    • 1970-01-01
    相关资源
    最近更新 更多