Как добраться до картинки
Привет всем. Нужна помощь.
Есть разметка: <div class="main"> <img src="img/img.jpg" alt="" /> <div class="info"> <p> <a href="#" onclick="click()"><img src="img/img1.jpg" alt="" /></a> </p> </div> </div> Как мне достать картинку из <div class="main"> по нажатию на ссылку? Пробовал parent, но не получается. Спасибо. |
<style> img[onclick]{ border:red 1px solid; } </style> <a href="#"><img onclick="alert(this.src)" src="img/img1.jpg" alt="click" /></a> |
Мне надо достать картинку из <div class="main"> - самого первого div, который лежит на несколько уровней выше ссылки.
|
Читай про .closest() jQuery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> $(function() { $('a').click(function() { alert($(this).closest('.main').find('img').attr('src')); // вот ты и добрался до 1-й картинки в div main }) }) </script> <div class="main"> <img src="img/img.jpg" alt="" /> <div class="info"> <p> <a href="#"><img src="bbb/vvv.jpg" alt="" /></a> </p> </div> </div> |
Пасибки
|
Цитата:
$('.main >.info> p > a').click(function() { var img=$(this).parents('.main:first').find("img:first").attr("src"); alert(img) }) |
Не прокатывает
function image() { var img=$(this).closest('#edit-image').find('img').attr('src'); $('#file-image-show').attr("src", img); alert(img); }; пишет: undefined вот полностью код: <div class="thumbnail" id="edit-image" style=" height: 250px !important;"> {% set ADB_VIEW_BUTTON = '' %} {% if file.mimeType.fileGroups.name == 'Image' %} <img class="file-image" src="{{ file.link | apply_filter('account_avatar_img')}}" /> {% set ADB_VIEW_BUTTON = '<a href="#" class="btn view-image" style="position: absolute; bottom: 10px; left: 10px;"><img src="'~ asset ("omlook/img/eye.png") ~'" alt="{%trans%}ADB_VIEW{%endtrans%}" style="margin-top: -2px;" />' ~ '</a>' %} {% else %} <img src="{{ 'img_admin/icon-not-available.jpg' | apply_filter('account_avatar_img') }}" /> {% set ADB_VIEW_BUTTON = '<a href="'~ asset(file.link) ~'" class="btn " style="position: absolute; bottom: 10px; left: 10px;"><img src="'~ asset ("omlook/img/eye.png") ~'" alt="{%trans%}ADB_VIEW{%endtrans%}" style="margin-top: -2px;" />' ~ '</a>' %} {% endif %} <div class="caption"> <p> <a href="#myModal1" role="button" data-toggle="modal" class="btn btn-danger" onclick="image()" style="position: absolute; bottom: 10px; right: 10px; padding: 4px 13px 4px 13px;"> <img src="{{ asset ('omlook/img/cancel.png') }}" alt="{%trans%}ADB_DELETE_IMG{%endtrans%}" style="margin-top: -2px;" /> </a> {#<a href="#" class="btn btn-info view-image">{%trans%}ADB_VIEW{%endtrans%}</a>#} {{ ADB_VIEW_BUTTON | raw }} </p> </div> </div> вот куда должна выводиться картинка: <!-- Modal --> <div id="myModal1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">{%trans%}ADB_DELETE_IMG_VOPR{%endtrans%}</h3> </div> <div class="modal-body" style="text-align: center;"> <p> <img class="file-image" id="file-image-show" src="" /> </p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">{%trans%}ADB_DELETE_IMG_CLOSE{%endtrans%}</button> {% set files = deal.files %} {% for file in files %} <button class="btn btn-danger"><a href="{{ path('_deal_delete_file', {'fileId': file.id, 'dealId': deal.id }) }}" style="color: #ffffff;">{%trans%}ADB_DELETE_IMG{%endtrans%}</a></button> {% endfor %} </div> </div> |
Цитата:
Должно быть так: function image(this) { var img=$(this).closest('#edit-image').find('img').attr('src'); $('#file-image-show').attr("src", img); alert(img); } $('.btn.btn-danger').click(function() { image(this); }) |
все равно выдает undefined
|
разобрался, спасибо
|
Часовой пояс GMT +3, время: 12:11. |