Question

有没有办法获取div的内容并将该句子放在＆＃39; src＆＃39;图像的参数？我正在研究一个使用json加载翻译文件的项目，之前我无法直接加载图像，但我发现我至少可以加载图像名称。

所以：

＆＃13;

<div id="flag-name" style="hidden">en-flag.jpg</div>

<img src="DIV CONTENTS HERE">

＆＃13;

赞赏的想法！（我也使用jquery也是如此开放）

Answer 1

按钮表明了这种能力。在任何需要的地方使用按钮的onclick代码。

<div id="flag-name" style="hidden">en-flag.jpg</div>
<img id="myImage" />
<button onclick="document.getElementById('myImage').src=document.getElementById('flag-name').innerText">Change</button>

Answer 2

你可以在jQuery中通过获取div的文本，然后像这样设置图像源来简单地完成它：

var source = $("#flag-name").text();
console.log("before - " + $("#image").attr("src"));
$("#image").attr("src",source);
console.log("after - " + $("#image").attr("src"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="flag-name" style="hidden">en-flag.jpg</div>

<img id="image" src="DIV CONTENTS HERE">

Answer 3

你需要一个事件来启动jQuery / javascript - 所以我添加了一个按钮。此外，如果您为其提供ID或类，您会发现更容易定位特定的DIV和IMG标记。

$('button').click(function(){
  var mySrc = $('#flag-name').text();
  $('img').attr('src', mySrc);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="flag-name" style="hidden">http://placeimg.com/300/200/animals</div>
<img src="DIV CONTENTS HERE">
<button>Go</button>

检索div的内容并使图像src

3 个答案: