javascript - Jquery触发/点击 anchor 标记点击变量

Question

我创建了一个从 div 中提取值的变量。这有效。

<input type="text" id="myDiv" class="input"> FOO </input>

<script>
var whatsInMyDiv = $('#myDiv').val();
</script>

该值将与下面任一列表项的文本相匹配。

<li><a href="#FOO" value="#FOO">FOO</a></li>
<li><a href="#BAR" value="#BAR">BAR</a></li>

如何从动态变量中触发“点击”正确的 anchor 标记？

像这样的东西，显然不起作用:

$(whatsInMyDiv).click();

Answer 1

您需要提供带有 # 的 ID 选择器

$("#" + whatsInMyDiv).click()

并将这些 id 添加到您的 a 元素中，而不是无用的值。

<li><a href="#FOO" id ="FOO">FOO</a></li>
<li><a href="#BAR" id ="BAR">BAR</a></li>

或者，如果您确实需要像使用另一个选择器一样保留 html:

$("a[value='#" + whatsInMyDiv + "']").click()