Question

我有这个：

import boto3

ec2 = boto3.resource('ec2')

instance = ec2.Instance('i-1234')
instance.modify_attribute(Groups=['sg-1111','sg-2222'])

JavaScript：

<input id="test1" value="1" />
<button onclick="kontakte(this)">KLICK1</button>
<input id="test2" value="2" />
<button onclick="kontakte(this)">KLICK2</button>
<input id="test3" value="3" />
<button onclick="kontakte(this)">KLICK3</button>

现在，当我单击function kontakte(e){ var test = ??????; alert(test); }时，我想获取Klick1作为1的值。我该怎么办？

Answer 1

您要寻找的是e.previousSibling.previousSibling.value。

实际上有两个要横穿的节点，因此您需要调用 previousSibling 两次。然后，您只需要抓住输入字段的.value。

这可以在下面看到：

function kontakte(e) {
  var test = e.previousSibling.previousSibling.value;
  console.log(test);
}

<input id="test1" value="1" />
<button onclick="kontakte(this)">KLICK1</button>
<input id="test2" value="2" />
<button onclick="kontakte(this)">KLICK2</button>
<input id="test3" value="3" />
<button onclick="kontakte(this)">KLICK3</button>

Answer 2

如果这确实是编写HTML的方式，则可以执行以下操作：

master

或者，如果您有多个变量，请根据您的评论：

<input id="test1" value="1" />
<button onclick="kontakte(1)">KLICK1</button>
<input id="test2" value="2" />
<button onclick="kontakte(2)">KLICK2</button>
<input id="test3" value="3" />
<button onclick="kontakte(3)">KLICK3</button>

尽管如果您找到一种更动态的方式来生成所有这些输入和按钮，将会使自己的生活变得更加轻松。

如何将动态变量传递给AJAX

2 个答案: