adding href attribute dynamically with data from a table using jquery

Question

i am stuck here, actually wanted to change the href values of the a tag with rel=shadowbox property of a items in list , where the data is read from the table on the page.. here is my html code

   <div id="packgeImages">
        <ul>
<li class="title"><a href="" rel="shadowbox"><img src="../../images/packages2/agra1thumb.jpg" alt="thumb1" /></a></li>
    </ul>
    </div>

And here is my jquery code to capture the paths from grid and then append to the class .title

   <script type="text/javascript">
    $(document).ready(function () {
        var $title = $('.title').attr("href"); //Unable to capture this
        $('#fullImageGridView tr').each(function (i) {
            if (!this.rowIndex) return; // skips first row
            var bigSizeImagePath = this.cells[0].innerHTML;
          //  alert(bigSizeImagePath);
            $title.eq(i - 1).append(bigSizeImagePath);
        });
    });
</script>

I guess the appending is not working fine, the changes should be made linke this $("a").attr("href", "http://www.google.com/") I mean changing the attribute of href and not appending the values?? right?

It should be $('.title a').attr('href'). title is your li and a is inside title. — PSL
– PSL, Commented Apr 16, 2013 at 3:35
ok i did that and still not appended, and now the alert shows only first record, rest are skipped i guess.:( — designerNProgrammer
– designerNProgrammer, Commented Apr 16, 2013 at 4:25

TGH · Accepted Answer · 2013-04-16 03:34:56Z

2

var $title = $('.title a').attr("href");

answered Apr 16, 2013 at 3:34

TGH

39.4k13 gold badges106 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

TGH Over a year ago

Looks like you're not targeting the a element

designerNProgrammer Over a year ago

when i remove this line $title.eq(i - 1).append(bigSizeImagePath); the alert shows all the paths but when i add the line, it only reads the first one.??

sites · Accepted Answer · 2013-04-16 03:35:48Z

2

$('[rel=shadowbox]').attr('href', yourValue)

answered Apr 16, 2013 at 3:35

sites

21.9k18 gold badges91 silver badges147 bronze badges

Comments

Tushar Trivedi · Accepted Answer · 2013-04-16 03:48:37Z

0

modified code ::

<script type="text/javascript">
    $(document).ready(function () {
        var $title = $('.title [rel="shadowbox"]').attr("href"); //Unable to capture this
        $('#fullImageGridView tr').each(function (i) {
            if (!this.rowIndex) return; // skips first row
            var bigSizeImagePath = this.cells[0].innerHTML;
          //  alert(bigSizeImagePath);
            $title.eq(i - 1).append(bigSizeImagePath);
        });
    });
</script>

edited Apr 16, 2013 at 3:48

answered Apr 16, 2013 at 3:36

Tushar Trivedi

4001 gold badge3 silver badges12 bronze badges

Collectives™ on Stack Overflow

adding href attribute dynamically with data from a table using jquery

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related