Из двух тегов взять последний измененный

@MegaRoks · Регистрация: 25.12.2014

Студворк — интернет-сервис помощи студентам

Есть разметка с названиями.

HTML5
1
2
    <h1 id="iteminfo0_item_name"></h1>
    <h1 id="iteminfo1_item_name"></h1>

Когда страница загрузилась iteminfo0_item_name остается пустым, а iteminfo1_item_name присваивается значение.

HTML5
1
2
    <h1 id="iteminfo0_item_name"></h1>
    <h1 id="iteminfo1_item_name">Придмет1</h1>

Дальше при клике на другой предмет

HTML5
1
    <a href="" class="inventory_item_link"></a>

Сам клик

JavaScript
1
2
3
4
5
    document.addEventListener("click", function(e) {
        if (e.target.classList.contains('inventory_item_link')) {
            .....
        }
    });

Изменяется iteminfo0_item_name на новый предмет, а в iteminfo1_item_name остается старое название

HTML5
1
2
    <h1 id="iteminfo0_item_name">Предмет2</h1>
    <h1 id="iteminfo1_item_name">Предмет1</h1>

Когда происходит клик на следующий предмет iteminfo0_item_name остается старое название, а в iteminfo1_item_name на новый предмет.

HTML5
1
2
    <h1 id="iteminfo0_item_name">Предмет2</h1>
    <h1 id="iteminfo1_item_name">Предмет3</h1>

Следующий клик iteminfo0_item_name меняется на новый предмет, а в iteminfo1_item_name остается старое название.

HTML5
1
2
    <h1 id="iteminfo0_item_name">Предмет4</h1>
    <h1 id="iteminfo1_item_name">Предмет3</h1>

И так далее.

Вопрос, как сделать мой клик чтобы он брал всегда новый предмет. Когда страница загрузилась то взял iteminfo1_item_name, потом iteminfo0_item_name, затем опять iteminfo1_item_name, потом iteminfo0_item_name и так далее.

JavaScript
1
2
3
4
5
    document.addEventListener("click", function(e) {
        if (e.target.classList.contains('inventory_item_link')) {
            .....
        }
    });

@AlexZaw · 01.05.2018, 14:22

Не зря ведь у меня в предложнии стоял смайлик

Вся беда в том, что слишком мало входных данных,можно сколь угодно долго придумывать решения, потом придет ТС и выяснится что нужно было сделать совсем по другому

@MegaRoks · 01.05.2018, 15:03 **[ТС]**

Я не понятно объясняю наверно.

Вот почти вся разметка. Как видим есть inventory_iteminfo" id="iteminfo0" и inventory_iteminfo" id="iteminfo1". С индексом 1 храниться текущее, а с индексом 0 которые следующее, затем при клике по <a href="#14434737355" class="inventory_item_link"></a> в 0 остается старым а в 1 записывается новый и так далее. Так вот вопрос, как сделать бы кликая по предметам inventory_item_link получать всегда новое с iteminfo0_item_name или iteminfo1_item_name?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
    <div class="view_inventory_page" id="active_inventory_page">
        <div class="inventory_page_right">
            <div class="inventory_iteminfo" id="iteminfo0">
                <div class="item_desc_content" id="iteminfo0_content">
                    <div class="item_desc_icon">
                        <div class="item_desc_icon_center">
                            <img id="iteminfo0_item_icon" src="картинка" alt="Название">
                        </div>
                    </div>
                    <div class="item_desc_description">
                        <h1 class="hover_item_name" id="iteminfo0_item_name">Имя предмета</h1>
                        <div class="fraud_warning" id="iteminfo0_fraud_warnings"></div>
                        <div class="item_desc_game_info" id="iteminfo0_game_info">
                            <div class="item_desc_game_icon">
                                <img id="iteminfo0_game_icon" src="картинка" alt="Название">
                            </div>
                            <div id="iteminfo0_game_name" class="ellipsis">Название игры</div>
                            <div id="iteminfo0_item_type" class=""></div>
                        </div>
                        <div class="item_desc_descriptors" id="iteminfo0_item_descriptors"></div>
                        <div class="item_actions" id="iteminfo0_item_actions"></div>
                        <div class="item_desc_descriptors" id="iteminfo0_item_owner_descriptors"></div>
                        <div class="item_owner_actions" id="iteminfo0_item_owner_actions"></div>
                    </div>
                    <div class="item_desc_descriptors" id="iteminfo0_item_tags">
                        <span class="item_desc_descriptors" id="iteminfo0_item_tags_content">Описание</span>
                    </div>
                </div>
                <div class="item_market_content" id="iteminfo0_scrap_content">
                    <div class="item_scrap_actions" id="iteminfo0_item_scrap_actions">
                        <div><span class="item_scrap_value" id="iteminfo0_item_scrap_value"></span></div>
                        <div class="item_market_content" id="iteminfo0_market_content">
                            <div class="item_market_actions" id="iteminfo0_item_market_actions">
                                <div>
                                    <div>
                                        <a href="http://эта ссылка мне нужна">Клик</a>
                                    </div>
                                    <div>Цена</div>
                                    <a class="item_market_action_button item_market_action_button_green" href="javascript:SellCurrentSelection()">
                                <span class="item_market_action_button_edge item_market_action_button_left"></span>
                                <span class="item_market_action_button_contents">Продать</span>
                                <span class="item_market_action_button_edge item_market_action_button_right"></span>
                                <span class="item_market_action_button_preload"></span>
                            </a>
                                </div>
                            </div>
                            <div class="inventory_iteminfo" id="iteminfo1">
                                <div class="item_desc_content" id="iteminfo1_content">
                                    <div class="item_desc_icon">
                                        <div class="item_desc_icon_center">
                                            <img id="iteminfo1_item_icon" src="Картинка" alt="Название">
                                        </div>
                                    </div>
                                    <div class="item_desc_description">
                                        <h1 class="hover_item_name" id="iteminfo1_item_name">Навание предмета</h1>
                                        <div class="fraud_warning" id="iteminfo1_fraud_warnings"></div>
                                        <div class="item_desc_game_info" id="iteminfo1_game_info">
                                            <div class="item_desc_game_icon">
                                                <img id="iteminfo1_game_icon" src="картинка игры" alt="Название">
                                            </div>
                                            <div id="iteminfo1_game_name" class="ellipsis">Название игры</div>
                                        </div>
                                        <div class="item_desc_descriptors" id="iteminfo1_item_descriptors">
                                            <div class="descriptor">Описание</div>
                                        </div>
                                        <div class="item_actions" id="iteminfo1_item_actions">
                                            <div class="item_desc_descriptors" id="iteminfo1_item_owner_descriptors"></div>
                                            <div class="item_owner_actions" id="iteminfo1_item_owner_actions" style="display: none;"></div>
                                        </div>
                                    </div>
                                    <div class="item_market_content" id="iteminfo1_scrap_content">
                                        <div class="item_scrap_actions" id="iteminfo1_item_scrap_actions" style="display: none"></div>
                                        <div class="item_market_content" id="iteminfo1_market_content">
                                            <div class="item_market_actions" id="iteminfo1_item_market_actions">
                                                <div>
                                                    <a href="https://ссылка которая мне нужна">Клик</a>
                                                </div>
                                                <div>Цена</div>
                                            </div>
                                            <a class="item_market_action_button item_market_action_button_green" href="javascript:SellCurrentSelection()">
                                        <span class="item_market_action_button_edge item_market_action_button_left"></span>
                                        <span class="item_market_action_button_contents">Продать</span>
                                        <span class="item_market_action_button_edge item_market_action_button_right"></span>
                                        <span class="item_market_action_button_preload"></span>
                                    </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="inventory_page_left">
                                <div class="trade_item_box selectableNone" id="inventories">
                                    <div id="inventory_76561198049827773_753_0" class="inventory_ctn"></div>
                                    <div id="inventory_76561198049827773_730_2" class="inventory_ctn">
                                        <div class="inventory_page">
                                            <div class="itemHolder">
                                                <div class="item" id="14434737355">
                                                    <img src="">
                                                    <a href="#14434737355" class="inventory_item_link"></a>// по нему происходит клик
                                                </div>
                                            </div>
                                            <div class="itemHolder">
                                                <div class="item" id="713775902207">
                                                    <img src="картинка предмета">
                                                    <a href="#13775902207" class="inventory_item_link"></a>// и по нему
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

Так же картинка для наглядности

Qwerty_Wasd · 01.05.2018, 15:17

Не по теме:

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

потом придет ТС и выяснится что нужно было сделать совсем по другому

как в воду глядел.

Новые блоги и статьи Все статьи Все блоги /
Калькулятор для расчета родства russiannick 07.08.2026 1. Задача: Создать калькулятор для расчета родства. Родственных связей существует 8 ступеней, такие как: p - отец P - мать q - муж Q - жена b - брат B - сестра s - сын S - дочь	Мир по моей воле kumehtar 07.08.2026 Когда-то кажется, что всё просто. Ты весь такой светлый. Причиняешь добро. Борешься за справедливость в этом тёмном мире. Потом начинаешь замечать одну неприятную вещь. Почти каждый хороший. . .	Кредитный калькулятор Maks 05.08.2026 Решение задачи по прикладной информатике средствами 1С. Задача: Напишите приложение-калькулятор, которое помогает рассчитывать параметры кредита для аннуитетного и дифференцированного видов. . .	У нас сейчас поговорку "Опять 25" нужно переделать на "Опять +35". kumehtar 04.08.2026 С ностальгией вспоминаю времена моего детства, когда у нас и правда +25 - была максимальная температура летом. Раньше +25 °C реально казались вершиной жары, когда можно было весь день пропадать на. . .
Как ИИ начал спорить и врать (возможно почуяв опасность для себя от индустрии - уход от электроники). Hrethgir 04.08.2026 Недельный диалог, на фоне событий с НПЗ. Да, из спирта можно получать бензин, и это не сложно. Но потом в схеме я решил избавиться от насоса, при этом полностью сделав контроль подачи спирта в. . .	Термопринтер QR701 Argus19 03.08.2026 Термопринтер QR701 Купил два термопринтера QR701. На сэлф-тесте написано: Language: PC936 (GB18030). Что означает, что принтеры могут печатать только латиницу и китайские иероглифы. Так же. . .	Создание формы заимствованного документа Maks 03.08.2026 Задача: Необходимо создать собственную форму заимствованного документа. На форме должен быть реквизит "Покупатель", а также табличная часть со следующими реквизитами: - Расчетный счет покупателя. . .	Задача предоставления скидок покупателям Maks 03.08.2026 Задача: В документе "Продажи" необходимо реализовать функционал предоставления скидок покупателям. Скидка должна автоматически рассчитываться и подставляться в соответствующее поле при выборе. . .

@AlexZaw Модератор 2381 / 1741 / 677 Регистрация: 07.08.2016 Сообщений: 4,099
	01.05.2018, 14:22
	Не зря ведь у меня в предложнии стоял смайлик Вся беда в том, что слишком мало входных данных,можно сколь угодно долго придумывать решения, потом придет ТС и выяснится что нужно было сделать совсем по другому 1