Question

我试图弄清楚如何从点击中获取对象密钥..基本上我点击一个按钮我得到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,
  }
}

我确信已经回答了数千次，但我无法弄清楚要搜索的内容。感谢

Answer 1

为此，您可以使用text()元素的button从info对象中检索所需的属性，如下所示：

＆＃13;

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]);
});

＆＃13;

<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>

＆＃13;

Answer 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>

从每个按钮单击获取不同的对象键

2 个答案: