Question

点击缩略图时，我需要隐藏一些选项，以获取缩略图HTML代码

<div class="editor_thumbnail">
                        <ul id="side-switcher"> 
                        <li class="thumb"><img data-target="0" src="img1" alt="" class="tooltip img_switcher img d_block tooltipstered"></li><li class="thumb"><img data-target="1" src="img2" alt="" class="tooltip img_switcher img d_block tooltipstered"></li></ul>
                    </div>

第一个字段

<div data-target="front" class="front" id="front"><label for="front">FRONT</label><textarea maxlength="100" data-area="front" class="text" data-target="front" id="front" placeholder="front texthere!">Front text!</textarea></div>

第二个字段

<div data-target="back" class="back" id="back"><label for="back">Back</label><textarea maxlength="100" data-area="back" class="text" data-target="back" id="back" placeholder="back text!">Back Text!</textarea></div>

当我单击前面的缩略图时，它只会与后面的缩略图一样显示前面的字段，

我无法更改HTML代码，因为该代码已经存在，我尝试使用css（如tab），但仍然失败，我想使用onclick，但html代码中没有onclick。

Answer 1

使用 JavaScript ，您可以使用setAttribute()将属性添加到HTML元素：

function addAttributes() {
  // Element.setAttribute(name, value);
  document.getElementById('myElement').setAttribute('onclick', 'myFunction();');
}

有关setAttribute()的详细说明，请参见this MDN页面。

我还想指出IDs必须是唯一的-我注意到您为div标签和textarea标签使用了相同的ID值。

使用CSS或JS单击缩略图时隐藏字段

1 个答案: