使用jquery动态地使用表中的数据添加href属性

时间:2013-04-16 03:32:09

标签: jquery

我被困在这里,实际上想要更改列表中项目的rel = shadowbox属性的a标签的href值,其中数据是从页面上的表中读取的。 这是我的HTML代码

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

这是我的jquery代码,用于从网格中捕获路径,然后附加到类.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>

我认为附加功能不正常,应该对此进行更改$("a").attr("href", "http://www.google.com/") 我的意思是改变href的属性而不附加值?正确?

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:2)

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

答案 2 :(得分:0)

修改代码::

<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>