Форум

Moze · #1 (**permalink**) 14.11.2016, 09:57

Здравствуйте, дамы и господа

Нужно получить значение по клику на картинку img, которая в свою очередь находится в ссылке

Нужно получить значение src

Этих элементов может быть бесконечное количество, которое создаётся php скриптом.

Песочница: http://codepen.io/Moze/pen/ZBWNYo

Так же, что бы не создавать отдельную тему интересует тот же вопрос, но с элементом div

ksa · #2 (**permalink**) 14.11.2016, 11:16

Сообщение от Moze

Нужно получить значение по клику на картинку img, которая в свою очередь находится в ссылке
Нужно получить значение src

Как вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('.additemon > img').click(function(){
		alert(this.src);
	});
});
</script>
</head>
<body>
<div class="item item-1">
	<a class="additemon" onclick="$('#placeitem1').arcticmodal()">
		<img src="http://steamcommunity.com/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXU5A1PIYQNqhpOSV-fRPasw8rsUFJ5KBFZv668FFAuhqSaKWtEu43mxtbbk6b1a77Twm4Iu8Yl3bCU9Imii1Xt80M5MmD7JZjVLFH-6VnQJQ" width="115px" height="85px">
	</a>
	<div class="itemname">Chroma 2 Case</div>
</div>
<div class="item item-2">
	<a class="additemon" onclick="$('#placeitem1').arcticmodal()">
		<img src="http://steamcommunity.com/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopb3wflFfwOP3ZTxS6eOym5SYqOD1Jb7CqWZU7Mxkh6fFrIrw0AHir0U4NT-gcIGXcgJvNFDT_VS2yeq-g8S87cucmiRm7HJ2-z-DyDnl3q6r" width="115px" height="85px">
	</a>
	<div class="itemname">SSG</div>
</div>
<div class="item item-3">
	<a class="additemon" onclick="$('#placeitem1').arcticmodal()">
		<img src="http://steamcommunity.com/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopL-zJAt21uH3Yi19-N2mkb-DkvbiKvWFwG5XvZRy3-zEpY2m2gGx80Zqam72IIDGclVsZg7YrlC4lLu91pHvot2XnhhDUpSw" width="115px" height="85px">
	</a>
	<div class="itemname">Revolver</div>
</div>
</body>
</html>

ksa · #3 (**permalink**) 14.11.2016, 11:17

Сообщение от Moze

интересует тот же вопрос, но с элементом div

А в этом случае на что клацают?

Moze · #4 (**permalink**) 14.11.2016, 11:30

Сообщение от ksa

А в этом случае на что клацают?

При клике на эту картинку как раз спарсить название предмета, которое в div

ksa · #5 (**permalink**) 14.11.2016, 13:24

Сообщение от Moze

При клике на эту картинку как раз спарсить название предмета, которое в div

Как вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('.additemon > img').click(function(){
		alert($(this.parentNode).next().text());
	});
});
</script>
</head>
<body>
<div class="item item-1">
	<a class="additemon" onclick="$('#placeitem1').arcticmodal()">
		<img src="http://steamcommunity.com/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXU5A1PIYQNqhpOSV-fRPasw8rsUFJ5KBFZv668FFAuhqSaKWtEu43mxtbbk6b1a77Twm4Iu8Yl3bCU9Imii1Xt80M5MmD7JZjVLFH-6VnQJQ" width="115px" height="85px">
	</a>
	<div class="itemname">Chroma 2 Case</div>
</div>
<div class="item item-2">
	<a class="additemon" onclick="$('#placeitem1').arcticmodal()">
		<img src="http://steamcommunity.com/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopb3wflFfwOP3ZTxS6eOym5SYqOD1Jb7CqWZU7Mxkh6fFrIrw0AHir0U4NT-gcIGXcgJvNFDT_VS2yeq-g8S87cucmiRm7HJ2-z-DyDnl3q6r" width="115px" height="85px">
	</a>
	<div class="itemname">SSG</div>
</div>
<div class="item item-3">
	<a class="additemon" onclick="$('#placeitem1').arcticmodal()">
		<img src="http://steamcommunity.com/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopL-zJAt21uH3Yi19-N2mkb-DkvbiKvWFwG5XvZRy3-zEpY2m2gGx80Zqam72IIDGclVsZg7YrlC4lLu91pHvot2XnhhDUpSw" width="115px" height="85px">
	</a>
	<div class="itemname">Revolver</div>
</div>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript