メッセージ本文の最初の行をブートストラップコラプスを使用してメッセージタイトルとして取得する方法

Question

メッセージのリストを表示するためにブートストラップパネルの折りたたみを使用しています。パネルが展開されると、ユーザーはパネル本体のメッセージを見ることができます。

今、私はパネルタイトルを「メッセージを読む」ようにハードコードしましたが、パネルが折りたたまれた状態でパネル本体にあるメッセージの最初の行がパネルのタイトルとして表示されます。私はメッセージ本体をレンダリングするモデルクラスを使用しました。どうすればこれを達成できますか？ここ
は私のコードです：
ビュー：アンカータグ

<a id="Header" class="collapsed" data-toggle="collapse" data-parent="#accordion_@i" href="#collapseOne_@i"> 
    Read Message 
</a> 

へのid今すぐ簡単な書き込みのdivは、クラスcollapsedを持っている間anchortagためInnerTextプロパティを設定するためにjqueryの設定し

@{int i = 0;} 
@foreach (var item in Model.MessageHeaderList) 
{ 
<div class="panel-group col-md-8" id="accordion_@i"> 
<div class="panel panel-default" id="panel_@i"> 
<div class="panel-heading" id="headingOne_@i"> 

    <h4 class="panel-title"> 
    <a class="collapsed" data-toggle="collapse" data-parent="#accordion_@i" href="#collapseOne_@i"> 
    Read Message 
    </a> 
    </h4> 
    </div> 
    <div id="collapseOne_@i" class="panel-collapse collapse"> 
    <div class="panel-body"> 
    @Html.Raw(item.MessageText) 
    </div> 
    </div> 
    </div> 
    </div> 
} 
i++; 

Answer 1

ちょうどこのように

<div id="collapseOne_@i" class="panel-collapse collapse checkForCollaps"> 
    <div class="panel-body"> 
    @Html.Raw(item.MessageText) 
    </div> 
</div> 

<script> 
if ($(".checkForCollaps").hasClass("collapse")) { 
    $('#Header').text($('.panel-body').text()); 
} 
</script> 

あなたはそうかもしれませんこれはあなたに確実に役立ちます...

Answer 2

すべてのお手伝いをしてくれてありがとう、最後に、@ NathanAが投稿した答えで完璧な解決策を見つけました：here 私は直接渡されるメッセージの部分文字列を取りました。

@{int i = 0;} 
@foreach (var item in Model.MessageHeaderList) 
{ 
    <div class="panel-group col-md-8" id="accordion_@i"> 
    <div class="panel panel-default" id="panel_@i"> 
    <div class="panel-heading" id="headingOne_@i"> 

    <h4 class="panel-title"> 
    <a class="collapsed" data-toggle="collapse" data-parent="#accordion_@i" href="#collapseOne_@i"> 
    @item.MessageText.Substring(0, Math.Min(item.MessageText.Length, 50)) 
    </a> 
</h4> 
</div> 
<div id="collapseOne_@i" class="panel-collapse collapse"> 
<div class="panel-body"> 
    @Html.Raw(item.MessageText) 
    </div> 
    </div> 
    </div> 
    </div> 
} 
i++;