不单击按钮将数据视图移动到javascript

我有一个视图，这个页面上有一个按钮。当我点击那个按钮时，我可以得到一个参数（@say_note.ID）。但是我想在javascript中获得这个参数，而不需要单击按钮

我的看法是：

                    @foreach (Note say_note in Model)
                    {
                        <div class="col-lg-12" data-note-id="@say_note.ID">

                            <div class="card h-100">

                                <div class="card-body">
                                    <h4 class="card-title">
                                        <a href="/Home/ByNote/@say_note.ID">
                                            @say_note.Tittle
                                        </a>
                                    </h4>

                                    <h6 class="text-right">
                                        <h7>@say_note.Owner.Username</h7><i class="fas fa-user"></i><br />
                                        <h7> @say_note.ModifiedOn.ToString("dd.MM.yyyy")</h7><i class="far fa-clock"></i>
                                    </h6>

                                    <p class="card-text">
                                        @say_note.Text
                                    </p>

                                </div>
                                <div class="card-footer">
                                    <p>
                                        <button data-toggle="collapse" data-target="#collapse_CommentPopup" data-note-id="@say_note.ID" class="btn btn-sm btn-outline-secondary float-md-right">
                                            <i class="fas fa-comment-alt"></i> Yorumlar
                                        </button>

                                        <button class="btn btn-sm btn-outline-secondary float-sm-left" type="button" data-liked-button="false" data-note-id="@say_note.ID">
                                            <span class="far fa-star like-star"></span>&nbsp; <span class="like-count"> @say_note.LikeCount</span>  
                                        </button>

                                        <div class="text-right dateAndName float-sm-rigth">
                                            <a class="bottomNav" onclick="history.go(-1); return false;" href="#"> Geri </a><br />
                                        </div>

                                    </p>

                                </div>

                            </div>
                        </div>                        
                    }
                </div>

---

collapse\u弹出我的折叠模式，我用javascript在这个折叠中填充数据

我解决了我自己的问题，也许有人可以在其他时间使用它

我的按钮：

<button data-toggle="collapse" id="CommentButton" data-target="#collapse_CommentPopup" data-note-id="@say_note.ID" class="btn btn-sm btn-outline-secondary float-md-right">
                                            <i class="fas fa-comment-alt"></i> Yorumlar
                                        </button>

<button data-toggle="collapse" id="CommentButton" data-target="#collapse_CommentPopup" data-note-id="@say_note.ID" class="btn btn-sm btn-outline-secondary float-md-right">
                                            <i class="fas fa-comment-alt"></i> Yorumlar
                                        </button>

$(function () {

    $("#collapse_CommentPopup").collapse("toggle")  //ModelCommentPopup isimli nesne show olduğunda (popup event'i yakaladık)

    var NoteId = $("#CommentButton").data("note-id");
   $("#collapse_CommentPopup_bodyPopup").load("/Comment/ShowNoteComments/" + NoteId); //ShowNoteComments metodunu çalıştır ve dönen partialı popup'ın bodysine yükle
});