Question

我有一个表单通过Ajax生成具有不同内容的li。这意味着模板中的标记只引用了li的内容一次。

我放在li标签内的按钮需要在相同的li标签内具有图像的href值。

我到目前为止编写的代码只找到了第一个li img的href，然后将其指定为ALL li的href。

我需要他们拥有相对img的href。

标记：

<li>
    <form name="form<venda_ref>" action="<venda_codehttp>" method="get" id="addproduct<venda_ref>form">
        <venda_inventory ref=<venda_ref>,temp=searchInvt,displayunpublished=1></form>
    <div class="CTA_btn_iCAT"><a href="" title="<venda_text id=site.link.title.more.invt>"><venda_text id=site.link.more></a>
    </div>
</li>

HTML输出： - ＆gt; http://jsfiddle.net/hslincoln/3pR9y/4/

jQuery用于重新分配按钮的hrefs：

jQuery(document).ready(function () {
var iCat_href = jQuery('div.prods ul.prodsGrid li form a').attr('href');
jQuery('.CTA_btn_iCAT a').attr('href', iCat_href);

非常感谢任何帮助！

修改链接到测试环境本身：

http://jmldirect.uat.venda.com/uk/health-and-beauty/belvia-range/icat/6belvia

Answer 1

试试这个

jQuery(document).ready(function () {
    jQuery('li form a').each(function(){
      var iCat_href=$(this).attr('href');  
      $(this).closest('.CTA_btn_iCAT a').attr('href', iCat_href);
    });

});

Answer 2

$('div.prods ul.prodsGrid li').each(function(){
    var self = $(this);
    $('.CTA_btn_iCAT a', self).attr('href', $('form a', self).attr('href'));
});

Answer 3

jQuery(document).ready(function () {
    var $anchors = jQuery('div.prods ul.prodsGrid li form a');
    jQuery('.CTA_btn_iCAT a').each(function (i, el){
        $(el).attr('href', $anchors.eq(i).attr('href')); 
    });
});

循环遍历li，在同一个li中找到图像的父href，并将新的href附加到该li - 每个 - jQuery

3 个答案: