Я пытаюсь выяснить, как получить ключ объекта одним щелчком мыши. В основном, я нажимаю кнопку, я получаю info.1.item или info.2.item1 для отображения, как мне нравится
<button>1</button>
<button>2</button>
<button>3</button>
const info = {
1: {
item: 1,
item1: 2,
},
2: {
item: 1,
item1: 2,
},
3: {
item: 1,
item1: 2,
}
}
Я уверен, что на это ответили тысячи раз, но я не могу понять, что искать. Спасибо
-1
Justin Benavidez
24 Апр 2017 в 10:53
2 ответа
Лучший ответ
$( document ).ready(function() {
const info = {
1: {
item: 1,
item1: 2,
},
2: {
item: 1,
item1: 2,
},
3: {
item: 1,
item1: 2,
}
};
$(document).on('click', 'button', function () {
console.log(info[$(this).text()]);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>1</button>
<button>2</button>
<button>3</button>
1
Rana Ghosh
24 Апр 2017 в 08:01
Для этого вы можете использовать text()
элемента button
для извлечения требуемого свойства из объекта info
, что-то вроде этого:
const info = {
1: {
item: 1,
item1: 2,
},
2: {
item: 3,
item1: 4,
},
3: {
item: 5,
item1: 6,
}
}
$('button').click(function() {
var text = $(this).text();
console.log(info[text]);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>1</button>
<button>2</button>
<button>3</button>
2
Rory McCrossan
24 Апр 2017 в 07:55
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript / JS) и его различных диалектах / реализациях (кроме ActionScript). Включите все соответствующие теги в свой вопрос; например, [node.js], [jquery], [json] и т. д.