我可以使用什么HTML属性来获取有关p标记的额外信息?

时间:2017-09-26 19:52:13

标签: html attributes

我有以下代码:

<div class="trigger">
    <p>Original Text</p>
</div>
<div class="content">
    <p>lorem...</p>
</div>
<script>
    //when p tag inside trigger is clicked content is shown or hidden
</script>

我希望有一个额外的属性来从p标签中切换到原始文本之间。

例如:

<p title="Othe text to be toggled">Original text</p>

因此,每次点击p标签时,原始文本与其他文本之间的内容都会发生变化。

在这种情况下,我不会完成它的目标,我不知道哪个html属性对于这种情况最好。谢谢你的时间

1 个答案:

答案 0 :(得分:0)

感谢@msanford。 data-*对我来说是完美的解决方案!

<div class="trigger">
    <p data-other="Other text">Original Text</p>
</div>
<div class="content">
    <p>lorem...</p>
</div>
<script>
    //when p tag inside trigger is clicked content is shown or hidden
</script>