使用JQuery选择基于dynamicID的Element

时间:2015-04-20 21:56:20

标签: javascript jquery html

我是Jquery的新手并尝试执行以下操作。

我有一个元素的ID,它是通过串联变量字符串生成的。我需要使用JQuery选择具有此生成ID的元素。请参阅下面的更多信息.. 假设我在html Page

中有如下ID元素
ID1=Test_A_element
ID2=Test_B_element
ID3=Test_C_element
ID4=Test_D_element

我有一个包含A或B或C或D的字符串变量(x)。我将通过简单连接生成此元素的ID,如下所示

ID="Test_"+x+"_element";

我需要使用Jquery选择正确的元素。

2 个答案:

答案 0 :(得分:2)

使用jQuery:

var jQuerySet = $("#" + ID);

使用DOM:

var elem = document.getElementById(ID);

直播示例:



var ID =
    "Test_" +
    String.fromCharCode(65 + Math.floor((Math.random() * 4))) +
    "_Element";
$("<p>").html("The ID is " + ID).appendTo(document.body);
$("#" + ID).css("color", "blue");
&#13;
<div id="Test_A_Element">Test A</div>
<div id="Test_B_Element">Test B</div>
<div id="Test_C_Element">Test C</div>
<div id="Test_D_Element">Test D</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

检查此页面以获取有关jQuery选择器的更多详细信息:http://www.w3schools.com/jquery/jquery_ref_selectors.asp 或者更详细的官方网页:https://api.jquery.com/category/selectors/

在您的特定情况下,您可以按ID使用以下结构选择元素:jQuery("#"+ID)$("#"+ID)