2016-06-09 60 views
0

我必须添加一个id到一个元素。引擎生成HTML ...我无法访问它。它生成随机ID作为这样的:拉第一个输入实例,并通过JS添加ID

<input id="5352Adkdie4929888a"> 

我想抓住的“<input id=”的第一个实例,并与 取代它的​​ID为它+的DatePicker的ID。

例子:

<input id="5352Adkdie4929888a DatePicker"> 

我怎么会去这样做呢?

我迄今为止代码:

function addID(){ 
    var html= document.documentElement.innerHTML; 
    var start= '<input id="'; 
    var end= '"' 
    var htmlIWant=html.substring(html.indexOf(start) + start.length), html.indexOf(end)-1 + 'DatePicker'; 
} 

我在正确的轨道上?我如何实际替换HTML?谢谢!

+0

在这个OP – guradio

+0

没有jQuery的删除..这是一个建议标签...对不起 – juice

+0

每个输入标签将有'ID'或其中的一些可以不'ID'? – Mairaj

回答

1

这是一个纯粹的javascript解决方案根据您的要求。

假设你的页面将有许多input标签,其中一些将不ID属性下面是可以尝试的解决方案。

var elements = document.getElementsByTagName("input"); 
for (var i = 0; i < elements.length; i++) 
{ 
    if (elements[i].type == "text" && elements[i].hasAttribute("id")) 
    { 
     var id = elements[i].getAttribute("id"); 
     elements[i].setAttribute("id", id + "10"); 
     break; 
    } 
} 
1

抓斗使用

$('input:first-child').attr('id','whateverIdName'); 
+0

如果您提供了一个演示来演示您的代码作品,我会对此赞不绝口。 *只需按Ctrl + M并在适当的框中添加您的代码。* – gibberish

1

如果你必须抓住具有id属性第一个输入框元素中的第一个输入,你应该做的:

$("input[id]")[0]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

相关问题