Question

我有一个复选框列表，其中每个项目都有一个id。单击项目的文本时，应在console.log中打印出id（＆＃34; cssId＆＃34;）。

的CheckBoxList：

<div id="cssListBox" class="list-group">
            <ul id="listItemCss">
                @foreach (var item in Model.CssTemplates)
                {
                    <li id="itemInList">
                        @Html.CheckBox("ChoiceBox", item.IsConnected)
                        @Html.Hidden("cssId", item.Id, new { @class = "cssId" })
                    </li>
                }
            </ul>

        </div>

Jquery的：

$('#listItemCss>li').click(function() {
        var cid = (this).val();

        console.log('cid');
    });

请告诉我，如果我能以某种方式使问题更清楚，我有点慢，所以请耐心等待。

Answer 1

id

此外，请勿对多个li元素使用相同的body{ margin: 0; } #top{ background-color: #53FF40; width: 100%; height: 50%; } #bottom{ background-color: #FF5757; width: 100%; height: 50%; } .img-yes{ width: 25%; height: 25%; }

DEMO

请参阅Why is it a bad thing to have multiple HTML elements with the same id attribute?

Answer 2

$('#listItemCss>li').click(function() {
        var cid = (this).attr('id');

        console.log('cid');
    });

Answer 3

$('#listItemCss>li').click(function() {
        var cid = $(this).attr('id');

        console.log('cid');
    });

如何获取列表项的ID？

3 个答案: