Hi ramco1917,
Please refer below sample.
HTML
<asp:Repeater ID="rptStudents" runat="server">
<ItemTemplate>
<div class="col-lg-7 col-12">
<div class="se_status">
<span class="span0">
<asp:Literal ID="ltrlStatus" runat="server" Text='<%# Eval("Status").ToString().Trim() %>'></asp:Literal>
<asp:Literal ID="ltrlDate" runat="server" Text='<%# Eval("Date","{0: dd-MM-yyyy}") %>'></asp:Literal>
</span>
</div>
</div>
<div>
<br />
</div>
</ItemTemplate>
</asp:Repeater>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('.span0').each(function () {
var status = $(this).closest('div:contains(Pending)').length;
if (status > 0) {
$(this).attr('style', 'background-color:green;')
} else {
$(this).attr('style', 'background-color:red;')
}
});
});
</script>
Namespace
C#
using System.Data;
VB.Net
Imports System.Data
Code
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
this.BindRepeater();
}
}
protected void BindRepeater()
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[] { new DataColumn("Date"),
new DataColumn("Status")});
dt.Rows.Add("2022/01/23", "Pending");
dt.Rows.Add("2022/05/25", "Delivered");
dt.Rows.Add("2022/08/29", "Pending");
rptStudents.DataSource = dt;
rptStudents.DataBind();
}
VB.Net
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
If Not Me.IsPostBack Then
Me.BindRepeater()
End If
End Sub
Protected Sub BindRepeater()
Dim dt As DataTable = New DataTable()
dt.Columns.AddRange(New DataColumn() {New DataColumn("Date"), New DataColumn("Status")})
dt.Rows.Add("2022/01/23", "Pending")
dt.Rows.Add("2022/05/25", "Delivered")
dt.Rows.Add("2022/08/29", "Pending")
rptStudents.DataSource = dt
rptStudents.DataBind()
End Sub