Я пытаюсь выяснить, как получить ключ объекта одним щелчком мыши. В основном, я нажимаю кнопку, я получаю 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