Skip to main content

Use of each function in jquery plugin to concat string with attribute

Suppose We have
 <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />

Its output will be "dgdfgffgf"

But What if i want all <a> tags used will have output like its text + href attribute

<a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />
Like this - "dgdfgffgf (https://solvecode.blogspot.in)"

So for this we can create very simple plugin that can do it easily by using each loop.

Here is the code :

  <script src="Scripts/jquery-2.1.1.js"></script>
    <script src="Scripts/jquery-ui.js"></script>

<script type="text/javascript">
        $.fn.showlinklocation = function () {
            this.filter("a").each(function () {
                var link = $(this);
                link.append(" (" + link.attr("href") + ") ");
            });
            return this;
        };


 $(document).ready(function () {        
            $("a").showlinklocation();
        });
  </script>

Suppose we have

 <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />
         <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />
         <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />
         <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />
         <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />
         <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />
         <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />
         <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />
         <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />
         <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />
         <a href="https://solvecode.blogspot.in">dgdfgffgf</a><br />


Then its output will be like

dgdfgffgf (https://solvecode.blogspot.in) 
dgdfgffgf (https://solvecode.blogspot.in) 
dgdfgffgf (https://solvecode.blogspot.in) 
dgdfgffgf (https://solvecode.blogspot.in) 
dgdfgffgf (https://solvecode.blogspot.in) 
dgdfgffgf (https://solvecode.blogspot.in) 
dgdfgffgf (https://solvecode.blogspot.in) 
dgdfgffgf (https://solvecode.blogspot.in) 
dgdfgffgf (https://solvecode.blogspot.in) 
dgdfgffgf (https://solvecode.blogspot.in) 
dgdfgffgf (https://solvecode.blogspot.in) 

Done :)

Comments

Post a Comment

Popular posts from this blog

show image in asp.net form from database

In order to show image from database to webform first add an image control in webpage.   <asp:Image ID="imgStudentImage" runat="server" Height="157px" Width="160px" /> Then add new webform to read image from database for example displayimage.aspx and in code behind model write the following code. public string str = //your string     public SqlConnection conn;     public SqlCommand sql = new SqlCommand();     public SqlDataReader dr;     public string strSQL;     protected void Page_Load(object sender, EventArgs e)     {         conn = new SqlConnection(str);         conn.Open();         long id = Convert.ToInt64(Request.QueryString["mId"]);         strSQL = "";         strSQL = strSQL + " SELECT snap from S...
Post a Comment
Read more

Export Doc,Access,Image,CSV,Excel,Pdf,XML,HTML,Text,Print of Gridview in Asp.net

First import itextsharp.dll in the solution and use three namespces (basically for pdf) using iTextSharp.text; using iTextSharp.text.pdf; using iTextSharp.text.html.simpleparser;          Then Use the following code :- on each button  click  protected void Page_Load(object sender, EventArgs e)         {             if (!Page.IsPostBack)             {                 BindGridDetails(GridView1);             }         }                 protected DataTable BindGridDetails(GridView GridView1)         {   ...
1 comment
Read more

Ip Sec Internet Security Basic Structure

The IPsec suite is an  open standard . IPsec uses the following  protocols  to perform various functions: Authentication Headers (AH)  provide connectionless  integrity  and data origin  authentication  for IP  datagrams  and provides protection against  replay attacks . Encapsulating Security Payloads (ESP)  provide  confidentiality , data-origin  authentication , connectionless  integrity , an anti-replay service (a form of partial sequence integrity), and limited traffic-flow confidentiality. Security Associations (SA)  provide the bundle of algorithms and data that provide the parameters necessary to AH and/or ESP operations. The  Internet Security Association and Key Management Protocol  (ISAKMP) provides a framework for authentication and key exchange, with actual authenticated keying material provided either by manual configuration with pre-shared keys,  Internet Key Exch...
1 comment
Read more