JQuery объединяет .append и .attr - PullRequest
Новая
       8

JQuery объединяет .append и .attr

0 голосов
/ 23 сентября 2018

Я хочу объединить .append и .attr.Как я должен делать правильно? 

$('.ngg-gallery-thumbnail').append("<a href='add/"+attr("data-title")+"/' class='btn btn-default'>Add</a>");

Я хочу сделать что-то вроде этого в .ngg-gallery-thumbnail: 

<a href='add/brown-shoose/' class='btn btn-default'>Add</a>

Полный тег .ngg-gallery-thumbnail выглядит так:

<div class="ngg-gallery-thumbnail">
  <a href="/wp-content/gallery/lietuviskos-kepures/LT-3002VV-6-mm-800-gm2-100-wool.jpg"
    title=""
    data-src="/wp-content/gallery/lietuviskos-kepures/LT-3002VV-6-mm-800-gm2-100-wool.jpg"
    data-thumbnail="/wp-content/gallery/lietuviskos-kepures/thumbs/thumbs_LT-3002VV-6-mm-800-gm2-100-wool.jpg"
    data-image-id="474"
    data-title="LT 3002VV 6 mm, 800 gm2 100 % wool"
    data-description=""
    data-image-slug="lt-3002vv-6-mm-800-gm2-100-wool"
    class="ngg-fancybox"
    rel="928d7ca69950d6ca6a0cf7cad40d2edf">
      <img title="LT 3002VV 6 mm, 800 gm2 100 % wool"
           alt="LT 3002VV 6 mm, 800 gm2 100 % wool"
           src="/wp-content/gallery/lietuviskos-kepures/thumbs/thumbs_LT-3002VV-6-mm-800-gm2-100-wool.jpg"
           style="max-width:100%;"
           width="240"
           height="160" />
  </a>
  <div style="max-width: 240px;">LT 3002VV 6 mm, 800 gm2 100 % wool</div>
</div>

1 Ответ

0 голосов
/ 23 сентября 2018

Вы должны использовать функцию appendTo(), чтобы сделать это.

Пожалуйста, проверьте ниже пример: 

$(document).ready(function(){
	$("<a href='add/brown-shoose' class='btn btn-default'>Add</a>").appendTo($('.ngg-gallery-thumbnail'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="ngg-gallery-thumbnail">
	<a href="/wp-content/gallery/lietuviskos-kepures/LT-3002VV-6-mm-800-gm2-100-wool.jpg" title="" data-src="/wp-content/gallery/lietuviskos-kepures/LT-3002VV-6-mm-800-gm2-100-wool.jpg" data-thumbnail="/wp-content/gallery/lietuviskos-kepures/thumbs/thumbs_LT-3002VV-6-mm-800-gm2-100-wool.jpg" data-image-id="474" data-title="LT 3002VV                6 mm, 800 gm2 100 % wool" data-description="" data-image-slug="lt-3002vv-6-mm-800-gm2-100-wool" class="ngg-fancybox" rel="928d7ca69950d6ca6a0cf7cad40d2edf">
		<img title="LT 3002VV 6 mm, 800 gm2 100 % wool" alt="LT 3002VV                6 mm, 800 gm2 100 % wool" src="/wp-content/gallery/lietuviskos-kepures/thumbs/thumbs_LT-3002VV-6-mm-800-gm2-100-wool.jpg" style="max-width:100%;" width="240" height="160">
	</a>
	<div style="max-width: 240px;">LT 3002VV 6 mm, 800 gm2 100 % wool</div>
</div>
...