Question

我在datalist中有一个按钮，如果我点击一个按钮就必须更改jquery中其他按钮的css。

我的页面中有更多图片。我的代码只接受一个“喜欢”。我想区分我选择的那个。

jquery的

function Addlike(btnlike, hdnId, term, cId) {        
    $.ajax({
        type: "POST",
        url: "CommonFunction.aspx/SaveToLike",
        data: '{user: ' + JSON.stringify(user) + '}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {

            $(btnlike).attr("class", "btn btn-success");
            //  alert("Data added successfully.");

        },
        error: function (response) {
            alert("Unexpected error occurred.");
        }
    });
    return false;
}

aspx代码

<asp:DataList ID="dtlist" runat="server" RepeatColumns="4" RepeatDirection="Horizontal" OnItemDataBound="dtlist_OnItemDataBound">
    <ItemTemplate>
        <asp:LinkButton ID="btnlike" runat="server" CommandArgument='<%# Eval("Id") %>'><i class="fa fa-users"></i></asp:LinkButton>
    </ItemTemplate>
</asp:DataList>

我只想更改其他按钮cssclass。如何找到控件？

Answer 1

您可以通过以下方式使用Jquery找到控件ID。

$('#<%= dtlist.FindControl("btnlike").ClientID %>')

希望它有所帮助。

Answer 2

您可以使用jQuery循环DataList中的所有LinkButtons。

$('#<%=dtlist.ClientID%> a').each(function (i, obj) {
    $(this).addClass("btn btn-success");
});

Answer 3

chaning按钮颜色在ajax调用中不起作用。改变如下，现在按预期工作。

$(function () {

    $('[id*=btnlike]').click(function () {
        $('[id*=btnlike]').attr("class", "btn btn-white");
    });
});

单击

将每个按钮重置为白色。

在asp.net中使用jquery更改datalist中的按钮的cssclass

3 个答案: