2016-06-09 23 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>

相關問題