Как присвоить атрибут href ссылкам по порядку (1 2 3 4...) с помощью jQuery?

Question

[Евгений Ольшанский]

Имеется вот такой код:

<div class="carousel_hit owl-carousel">

	 <div class="item-hit">
		<img src="img/hit_1.jpg" alt="hit_1" />
		<h3>Хит продаж</h3>
		<span>15000Р</span>
		<a href="#mfp-hit1" class="open-mfp-button">Детали</a>
		<div id="mfp-hit1" class="mfp-hit mfp-hide">
		<img src="img/img_hit_1.jpg" alt="">
		<h2>Заголовок</h2>			
	</div>
</div>

		<div class="item-hit">
			<img src="img/hit_2.jpg" alt="hit_2" />
			<h3>Хит продаж</h3>	
			<span>15000Р</span>
			<a href="#mfp-hit2" class="open-mfp-button">Детали</a>
			<div id="mfp-hit2" class="mfp-hit mfp-hide">
			<img src="img/img_hit_2.jpg" alt="">
			<h2>Заголовок</h2>				
		</div>
	</div>

</div>

Я хотел бы сделать так, что бы при добавлении еще одного блока item-hit к находящейся в нем ссылке open-mfp-button добавлялся атрибут href #mfp-hit 1 2 3... по порядку и соответствующий id всплывающему окну mfp-hide.

Answer 1

[display: block]

Используй each.
codepen.io/pen/jAKPvm