Question

我的网页以下一种格式加载了大量图片：

＆＃13;

<a class="something" href="1.html">
     <div class="something">
        <img alt="name" src="https://www.homepage.com/.1.jpg"/>
     </div>
</a>

＆＃13;

如何使用jQuery选择我想要的图像，然后点击＆＃34;复制＆＃34;按钮强制它将所有选定图像中的href属性一起复制到剪贴板，或格式化为输入框：

http://www.homepage.com/1.html
http://www.homepage.com/7.html
http://www.homepage.com/15.html
http://www.homepage.com/21.html

取决于我选择的图像。

谢谢，对不好的英语抱歉。

Answer 1

我采取的方法是添加一个＆＃39;选择＆＃39;当用户单击它时，对每个选定图像进行分类。从那里，当用户点击你的＆＃34; copy＆＃34;时，你可以在页面上查询$（＆＃39; .selected＆＃39;）。按钮。

值得指出的是，目前，将内容复制到用户剪贴板的解决方案很少且有限。经典的解决方案一直使用动态生成的Flash Movie Clip，但该解决方案非常笨重，并且无法在任何没有闪存的设备上运行（如所有iPhone，iPad，大多数＆＃34; smart＆＃34;电视和类似的硬件等）。有一些新的替代方案，如（https://clipboardjs.com），但它们的浏览器支持相对有限 - 仅适用于现代浏览器。

您最好的解决方案可能是获取您收集的所有href属性，然后将其写入<div>或<textarea>。

如果您发布到目前为止已经尝试过的javascript / jQuery，您可能会获得更多帮助和更具体的帮助。

Answer 2

https://jsfiddle.net/o2gxgz9r/6966/

＆＃13;

<label for=".elementor-6 .elementor-element.elementor-element-5m0lukt .wpcf7 input[type="text"]"><input type=text textarea name="your-name" placeholder="שם מלא" required id:name /></label> 
<label for= ".wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel* your-email"> <input type="tel" textarea name="your-phone" input placeholder="טלפון" id:phone required /></label>
<label for= ".wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-email* your-email"> <input type="email" textarea name="your-email" input placeholder="אימייל" id:email required /></label>

＆＃13;

<script language="javascript" type="text/javascript">
$(document).ready(function () {
  
  
});

＆＃13;

._myci9 {
    padding: 5px;
}

._22yr2 {
    widht:auto;
    float:left;
    height:auto;
    margin:5px;
}

._22yr2 img {
    width: 110px;
    float:left;
    height:110px;
    
}

._ovg3g {
    clear:both;
}

input[type=text] {
    width: 20em
}

p {
    margin: 1em 0 0;
}

＆＃13;

这就是我的精神所在。我真的希望你能理解我的想法。不关心css，它现在就解决了问题。

感谢您的时间。

Answer 3

这样的东西？

<强>拨弄

https://jsfiddle.net/Hastig/kmgzbnmh/

$('a').click(function(event) {
	event.preventDefault();
  var urlToCopy = $(this).attr('href') + '<br>';
  $('.listbox').append(urlToCopy);
})

body {
  position: relative;
  display: flex;
  margin: 0;
}
img {
  display: flex;
  width: 100%;
}
.listbox {
  position: fixed;
  bottom: 0;
  left: 0; right: 0;
  height: 100px;
  background-color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="something" href="http://www.faykew3bsite.comm/1.html">
     <div class="something">
        <img alt="name" src="http://i.imgur.com/1T9xqzR.jpg">
     </div>
</a>
<a class="something" href="http://www.faykew3bsite.comm/2.html">
     <div class="something">
        <img alt="name" src="http://i.imgur.com/SyhkvcN.jpg">
     </div>
</a>
<a class="something" href="http://www.faykew3bsite.comm/3.html">
     <div class="something">
        <img alt="name" src="http://i.imgur.com/9Qjz8RE.jpg">
     </div>
</a>

<div class="listbox"></div>

jquery - 选择图像 - 而不是复制所选图像＆＃34; href＆＃34;分子

3 个答案: