javascript - 简洁的 insidehtml

Question

我正在使用 html 和 js，并且我想在用户单击某些内容时显示一段 html 代码。代码有点大，因此使用 document.getElementById("display").innerHTML = 没有吸引力。我用谷歌搜索并发现了有关 IFrame 的信息，但我想避免滚动条之类的东西，我希望我可以使用一个简单的 div，我该怎么做？我也在使用jquery，我知道jquery中的hide()函数，但问题是div中带有id显示的内容应该动态变化，所以如果用户点击item1他应该得到text1，item2应该得到text2 ，我想为 textx 指定一个特定的位置

Answer 1

听起来您正在寻找类似的东西

$('.ShowLink').click(function() { 
    $('#' + this.rel).toggle();
    return false;
});

这将切换具有 ShowLink 类的每个元素的 rel= 属性指定的 ID 的元素。
例如:

<a href="#" rel="Text1" class="ShowLink">Show something</a>
...
<div id="Text1">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>