These are the sample codes I've been using with el = "#app".
<div id="app">
<div id="customertable" style=" overflow:auto !important;height:100% ">
<table class="table" id="table">
<thead id="customerheadertable">
<tr>
<th scope="col" style="width:1%"></th>
<th scope="col" style="width:10%">Customer ID</th>
<th scope="col" style="width:30%">Customer Name</th>
<th scope="col" style="width:30%">Address</th>
<th scope="col" style="width:10%">Contact Number</th>
<th scope="col" style="width:10%">Actions</th>
</tr>
</thead>
<tbody id="custtomerbodytable">
<tr>
<td>1</td>
<td ref="customerid">(CUSTOMER ID)</td>
<td>(Name)</td>
<td>(Address)</td>
<td>(MOBILE NUMBER)</td>
<td>
<b-dropdown text="•••" class="activity_button">
<b-dropdown-item href="#" ##click="dropdown(event)" class="dropdown">View</b-dropdown-item>
</b-dropdown>
</td>
</tr>
<tr>
<td>2</td>
<td ref="customerid">(CUSTOMER ID)</td>
<td>(Name)</td>
<td>(Address)</td>
<td>(MOBILE NUMBER)</td>
<td>
<b-dropdown text="•••" class="activity_button">
<b-dropdown-item href="#" ##click="dropdown(event)" class="dropdown">View</b-dropdown-item>
</b-dropdown>
</td>
</tr>
</tbody>
</table>
</div>
</div>
How can I get the nearest value of ref="customerid" when clicking ##click="dropdown(event)" using Vue JS.
Like in jquery.
$(".dropdown").click(function() {
$(this).closest('tr').find('td:eq(1)').html().trim();
});
------This is the sample output
Related
After taking a whole weekend on google and here, without success, I ask for help.
I have this html table:
<TABLE id=tabella width="100%" border=1>
<TBODY>
<TR>
<TD class=ListTitle width=55></TD>
<TD class=ListTitle width=55>Data</TD>
<TD class=ListTitle width=45>Paziente</TD>
<TD class=ListTitle width=150>Prestazioni</TD>
<TD class=ListTitle width=41>Stato</TD>
<TD class=ListTitle width=41>Sede</TD>
<TD class=ListTitle width=70>Unità</TD>
<TD class=ListTitle width=100>Specialista</TD>
<TD class=ListTitle width=41>Contatto (codice,data, n.impegnat.)</TD>
<TD class=ListTitle width=15>Stato pag.</TD>
<TD class=ListTitle width=20></TD>
<TD class=ListTitle width=20></TD>
<TD class=ListTitle width=20></TD>
</TR>
<!-- riga sotto: "title" sostituisce "name" (compatibilità browser) STP 08/05/13 -->
<TR id=riga_0 title=201503548353>
<TD class=ListElement>
<INPUT onclick=selectPatientName(this);abilitaCambiaStato() type=checkbox value="PALMA ROCCO" name=patientSelect>
</TD>
<TD class=ListElement style="FONT-SIZE: 12px">
<CENTER>Giovedi
<BR>03/12/2015
<BR>10:45</CENTER>
</TD>
<TD class=ListElement style="FONT-SIZE: 11px">
<B>xxxxx xxxx</B>
<BR>[xxxxxxxx, 25/05/1965, tel.0000000000]</TD>
<TD class=ListElement style="FONT-SIZE: 12px">RM COLONNA LOMBOSACRALE</TD>
<TD class=ListElement style="FONT-SIZE: 12px">
<CENTER>Eseguito</CENTER>
</TD>
<TD class=ListElement style="FONT-SIZE: 12px">11 - xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</TD>
<TD class=ListElement style="FONT-SIZE: 12px">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx </TD>
<TD class=ListElement style="FONT-SIZE: 12px">EQUIPE</TD>
<TD class=ListElement style="FONT-SIZE: 12px">
<CENTER>PB14310408
<BR>09/11/2015
<BR>16015-44444444</CENTER>
</TD>
<TD class=ListElement style="FONT-SIZE: 12px">niente</TD>
<TD class=ListElement>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick=void(0) title="Appuntamento prenotato" class=button style="CURSOR: pointer" alt="Appuntamento prenotato" src="Images/app_noconfBW.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick="doAppointmentChangeStatus('201503548353')" title="Cambia stato appuntamento" class=button style="CURSOR: pointer" alt="Cambia stato appuntamento" src="Images/app_status.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<IMG alt="" src="Images/empty.gif"> </TD>
<TD class=ListElement>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick=void(0) title="Appuntamento non revocabile" class=button style="CURSOR: pointer" alt="Appuntamento non revocabile" src="Images/iconDeleteBW.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick=void(0) title="Appuntamento non spostabile" class=button style="CURSOR: pointer" alt="Appuntamento non spostabile" src="Images/iconRightArrow_BW.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<IMG alt="" src="Images/empty.gif"> </TD>
<TD class=ListElement>
<!-- ....LER, 07/06/12 -->
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick="doAppointmentDetails('201503548353')" title="Dettagli appuntamento" class=button style="CURSOR: pointer" alt="Dettagli appuntamento" src="Images/iconDetails.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick="doModificaRichiesta('201503548353')" title="Modifica Richiesta" class=button style="CURSOR: pointer" alt="Modifica Richiesta" src="Images/ModificaRichiesta.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick="doPagaRichiesta('PB14310408')" title="Effettua pagamento" class=button style="CURSOR: pointer" alt="Effettua pagamento" src="Images/fCash2.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TD class=ListElement>
<INPUT onclick=selectPatientName(this);abilitaCambiaStato() type=checkbox value="PAIANO ADDOLORATA" name=patientSelect>
</TD>
<TD class=ListElement style="FONT-SIZE: 12px">
<CENTER>Giovedi
<BR>03/12/2015
<BR>11:00</CENTER>
</TD>
<TD class=ListElement style="FONT-SIZE: 11px">
<B>PAIANO ADDOLORATA</B>
<BR>[MAGLIE, 21/03/1956, tel.0836210592]</TD>
<TD class=ListElement style="FONT-SIZE: 12px">RM COLONNA LOMBOSACRALE</TD>
<TD class=ListElement style="FONT-SIZE: 12px">
<CENTER>Eseguito</CENTER>
</TD>
<TD class=ListElement style="FONT-SIZE: 12px">11 - Istituto Santa Chiara - Castrignano dei Greci</TD>
<TD class=ListElement style="FONT-SIZE: 12px">Istituto S. Chiara RMN - Castrignano de' Greci </TD>
<TD class=ListElement style="FONT-SIZE: 12px">EQUIPE</TD>
<TD class=ListElement style="FONT-SIZE: 12px">
<CENTER>PB14108241
<BR>28/09/2015
<BR>16015-0371711463</CENTER>
</TD>
<TD class=ListElement style="FONT-SIZE: 12px">niente</TD>
<TD class=ListElement>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick=void(0) title="Appuntamento prenotato" class=button style="CURSOR: pointer" alt="Appuntamento prenotato" src="Images/app_noconfBW.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick="doAppointmentChangeStatus('201503040650')" title="Cambia stato appuntamento" class=button style="CURSOR: pointer" alt="Cambia stato appuntamento" src="Images/app_status.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<IMG alt="" src="Images/empty.gif"> </TD>
<TD class=ListElement>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick=void(0) title="Appuntamento non revocabile" class=button style="CURSOR: pointer" alt="Appuntamento non revocabile" src="Images/iconDeleteBW.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick=void(0) title="Appuntamento non spostabile" class=button style="CURSOR: pointer" alt="Appuntamento non spostabile" src="Images/iconRightArrow_BW.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<IMG alt="" src="Images/empty.gif"> </TD>
<!-- LER, 07/06/12...faccio diventare la colonna di tipo List element per poter aggiungere altro pulsante -->
<TD class=ListElement>
<!-- ....LER, 07/06/12 -->
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick="doAppointmentDetails('201503040650')" title="Dettagli appuntamento" class=button style="CURSOR: pointer" alt="Dettagli appuntamento" src="Images/iconDetails.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick="doModificaRichiesta('201503040650')" title="Modifica Richiesta" class=button style="CURSOR: pointer" alt="Modifica Richiesta" src="Images/ModificaRichiesta.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<IMG onclick="doPagaRichiesta('PB14108241')" title="Effettua pagamento" class=button style="CURSOR: pointer" alt="Effettua pagamento" src="Images/fCash2.gif">
</TD>
</TR>
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<!-- riga sotto: "title" sostituisce "name" (compatibilità browser) STP 08/05/13 -->
<TR>
<TD class=Button></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
And want extract the data nodes.
Most pepole use HtmlAgilityPack and i tried this:
HtmlAgilityPack.HtmlNodeCollection aNodi = doc.DocumentNode.SelectNodes("//table[#id=tabella]/tbody/tr");
Also have tested most parameters in SelectNodes, but return always NULL!
What am i doing wrong?
Thank you all for the help!
If you want to select it by id in SelectNodes you have to wrap tabella in apostrophes:
var aNodi = doc.DocumentNode.SelectNodes("//table[#id='tabella']//tbody//tr");
You could also use GetElementbyId:
var aNodi = doc.GetElementbyId("tabella").SelectNodes("//tbody//tr");
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
How to uncheck parent check box when one of the child check box is unchecked in asp.net mvc by JavaScript or any other manually created check box in asp.net mvc.
Code
<div class="admFunction">
<table class="table table-bordered">
<thead id="Finances">
<tr>
<th colspan="10">
<input type="checkbox" class="checkAll" id="Financescheck" onchange="CheckRootValue('Finances')">
Finances
</th>
<th class="text-center">
All
</th>
</tr>
</thead>
<tbody>
<tr>
<div id="erer">
<th style="width: 20px">#Html.CheckBoxFor(model => model.CanApproveCreditTransfer, new { #class = "Finances checkAll" })
</th>
<td colspan="8">
Approve Credit Transfers
</td>
<td colspan="2" class="text-center">
</td>
</tr>
<tr>
<th style="width: 20px">#Html.CheckBoxFor(model => model.CanViewTransactionCreditHistory, new { #class = "Finances checkAll" })
</th>
<td colspan="8">
View Transactions/Credit History
</td>
<td colspan="2" class="text-center">#Html.CheckBoxFor(model => model.CanViewTransactionCreditHistoryMasterAccess)
</td>
</tr>
</tbody>
<thead id="Projects">
<tr>
<th colspan="11">
<input type="checkbox" class="checkAll" id="Projectscheck" onchange="CheckRootValue('Projects')">
Projects
</th>
</tr>
</thead>
<tbody>
<tr>
<th style="width: 20px">#Html.CheckBoxFor(model => model.CanViewEditProjects, new { #class = "Projects checkAll" })
</th>
<td colspan="8">
View/Edit Projects
</td>
<td colspan="2" class="text-center">#Html.CheckBoxFor(model => model.CanViewEditProjectsMasterAccess)
</td>
</tr>
<tr>
<th style="width: 20px">#Html.CheckBoxFor(model => model.CanViewManageReports, new { #class = "Projects checkAll" })
</th>
<td colspan="8">
View/Manage Reports
</td>
<td colspan="2" class="text-center">#Html.CheckBoxFor(model => model.CanViewManageReportsMasterAccess)
</td>
</tr>
</tbody>
<thead id="People">
<tr>
<th colspan="11">
<input type="checkbox" class="checkAll" id="Peoplecheck" onchange="CheckRootValue('People')">
People
</th>
</tr>
</thead>
<tbody>
<tr>
<th style="width: 20px">#Html.CheckBoxFor(model => model.CanCreateNewEditProfilers, new { #class = "People checkAll" })
</th>
<td colspan="8">
Create New/Edit Profilers
</td>
<td colspan="2" class="text-center">#Html.CheckBoxFor(model => model.CanCreateNewEditProfilersMasterAccess)
</td>
</tr>
<tr>
<th style="width: 20px">#Html.CheckBoxFor(model => model.CanCreateNewEditCoachesReferents, new { #class = "People checkAll" })
</th>
<td colspan="8">
Create New/Edit Coaches & Referents
</td>
<td colspan="2" class="text-center">#Html.CheckBoxFor(model => model.CanCreateNewEditCoachesReferentsMasterAccess)
</td>
</tr>
<tr>
<th style="width: 20px">#Html.CheckBoxFor(model => model.CanViewPeopleTracker, new { #class = "People checkAll" })
</th>
<td colspan="8">
View People-Tracker
</td>
<td colspan="2" class="text-center">#Html.CheckBoxFor(model => model.CanViewPeopleTrackerMasterAccess)
</td>
</tr>
</tbody>
<thead id="Advanced">
<tr>
<th colspan="11">
<input type="checkbox" id="Advancedcheck" class="checkAll" onchange="CheckRootValue('Advanced')">
Advanced
</th>
</tr>
</thead>
<tbody>
<tr>
<th style="width: 20px">#Html.CheckBoxFor(model => model.CanDownloadFastData, new { #class = "Advanced checkAll" })
</th>
<td colspan="8">
Download Fast Data
</td>
<td colspan="2" class="text-center">
</td>
</tr>
<tr>
<th style="width: 20px">#Html.CheckBoxFor(model => model.CanEditItemsEmailTemplates, new { #class = "Advanced checkAll" })
</th>
<td colspan="8">
Edit Items and Email Templates
</td>
<td colspan="2" class="text-center">
</td>
</tr>
<tr>
<th style="width: 20px">#Html.CheckBoxFor(model => model.CanEditResources, new { #class = "Advanced checkAll" })
</th>
<td colspan="8">
Edit Resources
</td>
<td colspan="2" class="text-center">
</td>
</tr>
<tr>
<th style="width: 20px">#Html.CheckBoxFor(model => model.CanManageAdminFunctions, new { #class = "Advanced checkAll" })
</th>
<td colspan="8">
Manage Admin Functions
</td>
<td colspan="2" class="text-center">
</td>
</tr>
</tbody>
<thead>
<tr>
<th colspan="12">
<input type="checkbox" id="select-all">
Select All
</th>
</tr>
</thead>
</table>
</div>
You can do that in following way.
$(".table tbody input[type=checkbox]").each(function(){
if(!$(this).is(":checked")){
$(".table thead#Finances").find("input[type=checkbox]").removeAttr("checked");
}
});
if ($('#childCb1').checked && $('#childCb1').checked && $('#childCb1').checked)
{
$('#parentCb').checked = true;
}
else
{
$('#parentCb').checked = false;
}
use the above code inside a function, call that function from onChange event of each child check box.
I am dynamically generating tables one after another using asp.net c#.I have different section in a table
td.section{width:200px;}
<table>
<tr>
<td colspan="2" class="section">Sec 1</td>
</tr>
<tr>
<td>1</td>
<td>s</td>
</tr>
</table>
<table>
<tr>
<td class="section">Sec 2</td>
</tr>
<tr>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td colspan="3" class='section'>Sec 3</td>
</tr>
<tr>
<td colspan="3">1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>
I want each sections must be same with but I am unable to do this.Can you guide me how can I do this.
I added the width attribute at the top within a style tag and I think I got what you're aiming for. Note that width is spelled with a "d" and you are also missing a "<" on your second tag.
Finished product:
<style>
td.section{width:200px;}
</style>
<table>
<tr>
<td colspan='2' class='section'>Sec 1</td>
</tr>
<tr>
<td>1</td>
<td>s</td>
</tr>
</table>
<table>
<tr>
<td class='section'>Sec 2</td>
</tr>
<tr>
<td>1</td>
</tr>
</table>
<tr>
<td colspan='3' class='section'>Sec 3</td>
</tr>
<tr>
<td>1</td>
</tr>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>
I'm trying to manipulate a html table open in webbrowser control, this tool will be used ti access a sharepoint page with an autologin option. This far this is what i have:
HtmlElementCollection htmlcol =
wb.Document.GetElementsByTagName("formTextfield277");
for (int i = 0; i < htmlcol.Count; i++)
{
if (htmlcol[i].Name == "portal_id")
{
htmlcol[i].SetAttribute("VALUE",
Properties.Settings.Default.sharepoint_user);
}
else if (htmlcol[i].Name == "password")
{
htmlcol[i].SetAttribute("VALUE",
Properties.Settings.Default.sharepoint_pw);
}
}
This C# code if for manipulate this HTML page:
<TABLE CELLSPACING="0" CELLPADDING="0" WIDTH="100%" BORDER="0">
<TR>
<TD CLASS="txtRedBold10" WIDTH="4"> </TD>
<TD CLASS="txtRedBold10" COLSPAN="2" HEIGHT="30">Please log in</TD>
</TR>
<TR>
<TD CLASS="txtBlackReg10" WIDTH="4"> </TD>
<TD CLASS="txtBlackReg10">Username:</TD>
<TD><INPUT CLASS="formTextfield277" TYPE="text" NAME="portal_id" VALUE="" VCARD_NAME="vCard.Email" SIZE="28"></TD>
</TR>
<TR>
<TD CLASS="txtBlackReg10" COLSPAN="3"> </TD>
</TR>
<TR>
<TD CLASS="txtBlackReg10" COLSPAN="2"> </TD>
<TD CLASS="txtBlackReg10">Please enter your username or E-Mail Address</TD>
</TR>
<TR>
<TD CLASS="txtBlackReg10" COLSPAN="3"> </TD>
</TR>
<TR>
<TD CLASS="txtBlackReg10" WIDTH="4"> </TD>
<TD CLASS="txtBlackReg10">Password:</TD>
<TD><INPUT CLASS="formTextfield277" TYPE="password" NAME="password" SIZE="28" AUTOCOMPLETE="off"></TD>
</TR>
<TR>
<TD CLASS="txtBlackReg10" COLSPAN="3"> </TD>
</TR>
<TR>
<TD CLASS="txtBlackReg10" COLSPAN="2"> </TD>
<TD CLASS="txtBlackReg10">Please enter your network or Intranet password</TD>
</TR>
<TR>
<TD CLASS="txtBlackReg10" COLSPAN="3"> </TD>
</TR>
<TR>
<TD CLASS="txtBlackReg10" COLSPAN="2"> </TD>
<TD CLASS="txtBlackReg10">
<TABLE CELLSPACING="0" CELLPADDING="0" BORDER="0">
<TR>
<TD><INPUT TYPE="image" HEIGHT="24" WIDTH="20" SRC="images/cp_arrow.gif" VALUE="Log In"
BORDER="0"></TD>
<TD><A CLASS="linkTxtRedBold10" HREF="javascript:signin()"
onClick="saveForm()">Login</A>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD CLASS="txtBlackReg10" COLSPAN="3"> </TD>
</TR>
</TABLE>
Any sugestions?
Thanks in advance!
wb.Document.GetElementsByTagName("input") not wb.Document.GetElementsByTagName("formTextfield277");
HtmlElementCollection inputHtmlCollection = Document.GetElementsByTagName("input");
foreach (HtmlElement anInputElement in inputHtmlCollection)
{
if (anInputElement.Name.Equals("portal_id"))
{
anInputElement.SetAttribute("VALUE", Properties.Settings.Default.sharepoint_user);
}
if (anInputElement.Name.Equals("password"))
{
anInputElement.SetAttribute("VALUE", roperties.Settings.Default.sharepoint_pw);
}
}
hope this help!
I have a HTML document of the structure
<table width="85%" border="1" height="315" align="center">
<tr>
<td colspan="2" align="center"><font color="#400040"><b>Register No</b></font></td>
<th colspan="2"><font color="Brown">42209104069</font></th>
<td colspan="2" align="center"><font color="#400040"><b>Name</b></font></td>
<th colspan="2"><font color="Brown">SATHISH KUMAR R</font></th>
</tr>
<tr>
<td colspan="2"><font color="blue"><center><b>Subject</b></font></td>
<td colspan="2"><font color="blue"><center><b>Credits</b></font></td>
<td colspan="2"><font color="blue"><center><b>Grade</b></font></td>
<td colspan="2"><font color="blue"><center><b>Result</b></font></td>
</tr>
<tr>
<td colspan="2"><center> CS2301</td> //1
<td colspan="2"><center> 3</td> //2
<td colspan="2"><center> E</td> //3
<td colspan="2"><center> PASS</td> //4
</tr>
</table>
I want to extract the contents of the tag of lines 1,2,3,4 and save to a string. I want to know how to achieve this using Majestic13 in my C# project.
PM> Install-Package Majestic13
var html=#"<table width="85%" border="1" height="315" align="center">
<tr>
<td colspan="2" align="center"><font color="#400040"><b>Register No</b></font></td>
<th colspan="2"><font color="Brown">42209104069</font></th>
<td colspan="2" align="center"><font color="#400040"><b>Name</b></font></td>
<th colspan="2"><font color="Brown">SATHISH KUMAR R</font></th>
</tr>
<tr>
<td colspan="2"><font color="blue"><center><b>Subject</b></font></td>
<td colspan="2"><font color="blue"><center><b>Credits</b></font></td>
<td colspan="2"><font color="blue"><center><b>Grade</b></font></td>
<td colspan="2"><font color="blue"><center><b>Result</b></font></td>
</tr>
<tr>
<td colspan="2" class="a"><center> CS2301</td> //1
<td colspan="2" class="a"><center> 3</td> //2
<td colspan="2" class="a"><center> E</td> //3
<td colspan="2" class="a"><center> PASS</td> //4
</tr>
</table>";
var paser = new HtmlParser();
var node = paser.Pasrse(html);
var finder = new FindTagsVisitor(TagBuilder => tag.Name == "td" && tag.Attributes.ContainsKey("class"));
node.AcceptVisitor(finder);