首頁猿問在圖像，類或ID上應用href

在圖像，類或ID上應用href

JavaScript

蕭十郎 2022-09-16 22:02:19

我是一名設計師。我需要將中包含的相同 href 放在中，或中，或包含在中。class="kt-testimonial-title"id="slick-slide10"class="kt-testimonial-item-wrap kt-testimonial-item-0"class="kt-testimonial-image"使用jquery或javascript可以嗎？部分：<div class="kt-blocks-testimonial-carousel-item kb-slide-item slick-slide slick-current slick-active" style="width: 337px;" role="tabpanel" id="slick-slide10" aria-describedby="slick-slide-control10" data-slick-index="0" aria-hidden="false"> <div class="kt-testimonial-item-wrap kt-testimonial-item-0" style="border-color:rgba(238, 238, 238, 1);padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;max-width:500px"><div class="kt-testimonial-text-wrap"> <div class="kt-testimonial-media-wrap"> <div class="kt-testimonial-media-inner-wrap" style="border-radius:px;border-width:0px 0px 0px 0px;padding:2px 2px 2px 2px"> <div class="kadence-testimonial-image-intrisic" style="padding-bottom:100%"> <div class="kt-testimonial-image" style="background-image:url("http://homeagent.devup.site/wp-content/uploads/2020/05/pegn.png");background-size:Contain"></div> </div> </div> </div> <div class="kt-testimonial-title-wrap"> <h6 class="kt-testimonial-title"> <a href="https://revistapegn.globo.com/Tecnologia/noticia/2020/04/coronavirus-de-ti-gestao-de-ponto-o-mercado-das-empresas-que-ajudam-no-home-office.html" target="_blank" aria-label=" (opens in a new tab)" rel="noreferrer noopener" class="ek-link" tabindex="0">De TI a gest?o de ponto: o<br> mercado das empresas que<br> ajudam no home office</a> </h6> </div> <div class="kt-testimonial-content-wrap"> <div class="kt-testimonial-content"></div> </div></div> </div></div>源：http://homeagent.devup.site/sobre/

查看完整描述

2 回答

幕布斯7119047

TA貢獻1794條經驗獲得超8個贊

試試吧：

// add common alias jquery

$ = jQuery;

const anchors = $('.kt-blocks-testimonial-carousel-item a.ek-link');

$.each(anchors, function (i, e) {

let anchor = $(e);

let text = anchor.text();

let textContainer = anchor.parent();

let newAnchor = anchor.clone().empty();

let carouselItem = anchor.parents('.kt-blocks-testimonial-carousel-item');

carouselItem.wrap(newAnchor);

textContainer.text(text);

});

這是一個不漂亮的代碼，但在javascript控制臺上 http://homeagent.devup.site/sobre/

反對回復 2022-09-16

德瑪西亞99

TA貢獻1770條經驗獲得超3個贊

這將工作：

<div class="kt-blocks-testimonial-carousel-item kb-slide-item slick-slide slick-current slick-active" style="width: 337px;" role="tabpanel" id="slick-slide10" aria-describedby="slick-slide-control10" data-slick-index="0" aria-hidden="false"><div class="kt-testimonial-item-wrap kt-testimonial-item-0" style="border-color:rgba(238, 238, 238, 1);padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;max-width:500px"><div class="kt-testimonial-text-wrap"><div class="kt-testimonial-media-wrap"><div class="kt-testimonial-media-inner-wrap" style="border-radius:px;border-width:0px 0px 0px 0px;padding:2px 2px 2px 2px"><div class="kadence-testimonial-image-intrisic" style="padding-bottom:100%"><div class="kt-testimonial-image" style="background-image:url("http://homeagent.devup.site/wp-content/uploads/2020/05/pegn.png");background-size:Contain"></div></div></div></div><div class="kt-testimonial-title-wrap"><h6 class="kt-testimonial-title"><a href="https://revistapegn.globo.com/Tecnologia/noticia/2020/04/coronavirus-de-ti-gestao-de-ponto-o-mercado-das-empresas-que-ajudam-no-home-office.html" target="_blank" aria-label=" (opens in a new tab)" rel="noreferrer noopener" class="ek-link" tabindex="0">De TI a gest?o de ponto: o<br> mercado das empresas que<br> ajudam no home office</a></h6></div><div class="kt-testimonial-content-wrap"><div class="kt-testimonial-content"></div></div></div></div></div>

var slidesArr = document.querySelectorAll('.slick-slide');

slidesArr.forEach(function(slide){

var a = document.createElement('a');

a.href = slide.querySelector('.kt-testimonial-title a').getAttribute('href');

a.appendChild(slide.querySelector('.kt-testimonial-item-wrap'));

slide.appendChild(a);

});

</script>

反對回復 2022-09-16

2 回答
0 關注
102 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

在圖像，類或ID上應用href

在圖像，類或ID上應用href

2 回答

添加回答

在圖像，類或ID上應用href

在圖像，類或ID上應用href