2017-09-26 3 views
0

私は、次のコードを持っている:私は、元のテキストの間でトグルするpタグから取得するために余分な属性を持っていると思いpタグに関する追加情報を得るために使用できるHTML属性は何ですか?

<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 title="Othe text to be toggled">Original text</p> 

だから、pタグをクリックするたびに、それが元のテキストや他のテキスト間でのコンテンツの変化です。

この場合、そのタイトルは目標を達成するわけではありません。この場合、どのhtml属性が最適かはわかりません。ありがとうございます

+0

次に、あなただけのイベントリスナーは何でもあなたが変異したくhttps://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes結合したい属性データを見てみましょうあなたの状態。 – msanford

+0

ありがとう@msanford私はそれをチェックアウトします。 –

答えて

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> 
関連する問題