jquery выборка - есть ответ « Вопросы и ответы

Sulim, 178 просмотров

Имею вот такой html код
<div id="product">
<div id="product_img">
<img src="images/tovar1.jpg" />
</div>
<div id="product_desc">
<div style="min-height: 100px">
<p><span id="product_name"><strong>Салат Суи сарада</strong></span></p>
<p>Угорь, перец болгарский, огурец, летний соус.</p>
<p style="text-align: center;"><span id="param">Цена: <span id="price">35.10</span> грн.</span><span id="param">Порция: <span id="portion">150</span> г.</span><span style="font-weight: bold">Кол-во: </span><input name="number" type="text" size="2" value="1"></p>
</div>
<div>
<p style="text-align: right;"><a href="#" onclick="set_to_cart()" /><img src="images/add2cart.gif" /></a></p>
</div>
</div>
</div>

Так вот при клике функция set_to_cart() должна выбрать элементы с id="product_img" ... id="product_name" ... id="price" ... id="portion" и значение инпута с name="number"

Как это сделать?

Ответы:

Без имени

РЕШЕНО ВОТ ТАКИМ ВОТ ОБРАЗОМ
$(document).ready(function(){
$('.add_to_cart').click(function(){
var product_img = $(this).parent("#product_desc").parent("#product").find('#product_img').html();
var product_name = $(this).parent("#product_desc").find('#product_name').text();
var price = $(this).parent("#product_desc").find('#price').text();
var portion = $(this).parent("#product_desc").find('#portion').text();
var number = $(this).parent("#product_desc").find('#number').val();
});
});

OverHerz

$(this).parent("#product_desc") нужно было в переменную прописать, и кода меньше и красивее выглядит, и при необходимости менять проще

13 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.