通过ID

时间:2016-08-05 13:54:38

标签: javascript jquery html css jquery-ui

我有一个模型的视图,它是一个项目列表。这些项目中的每一项都有一个ID,我将其嵌入H2标题中。有关该项目的详细信息包含在标题下方的div中。在标题中,我有一个最初设置为display:none的图像。我希望在视图中使用jquery脚本来更改标题中的文本和/或使图像可见。

 <h2 id= 'header+@Model[i].ID' class="header" style="background-color:whitesmoke">@Model[i].Item.Name&nbsp 
                <img id="img+@Model[i].ID" src="~/Images/yes.gif" alt="" style="display:none" class="yescheck"/>
            </h2>
 <div>
     <table>
           // all the data
     </table>
     <button id="but+@Model[i].ID" onclick=CountComplete(); return false //...
 </div>

我试过这个:

 function CountComplete(but) {
    var id = but.id;
    id = id.substring(5);
    var div = "#div+" + id;
    $.ajax({
        type: 'POST',
        data: { id: id },
        url: '@Url.Action("CountComplete")',
        success: function (data) {
            var test = data;
            $("#accordion").accordion('option', 'active', false);
            var head = '#header+' + id;
            var $image = $(head).find('.yescheck');
            $image.show();
            $('img+' + id).show();
            $(head).innerHTML = 'CLOSED';
        }
    });
    return false;
}

有没有人知道如何做到这一点?

1 个答案:

答案 0 :(得分:0)

解决方案非常简单:不使用加号&#39; +&#39;我用了减号&#39; - &#39;和JQ完全没有找到元素的麻烦。我不知道加号为什么不起作用。