jquery - 使用 jquery 更改 div id

Question

我有一个html页面：

<div id="box-"></div>

我如何使用 jquery 更改（附加正确的单词？）box-到box-23532353 或任何数字将在单独的.txt文件中设置的位置？

我找到了class更改id.

Answer 1

使用.prop

$('#box-').prop('id', $('#box-').prop('id') + '2353');    
$('div[name=div]').html($('div[name=div]').prop('id')); 

演示

Answer 2

使用attr()方法来操作属性。id只是元素的另一个属性。

var box = $('#box-');
box.attr('id', box.attr('id') + '2353');

一个简短的演示。

Answer 3

尝试这样的事情（纯 Javascript）：

document.getElementById('box-').id += getTheNumber()

或者使用 jQuery：

var $box = $('#box-')
$box.attr('id', $box.attr('id') + getTheNumber())

小提琴

Answer 4

你可以这样做：

<script type="text/javascript">
var txtFile = new XMLHttpRequest();
txtFile.open("GET", "myfile.txt", true);
txtFile.onreadystatechange = function() {
  if (txtFile.readyState === 4) {  // Makes sure the document is ready to parse.
    if (txtFile.status === 200) {  // Makes sure it's found the file.
      allText = txtFile.responseText; 
      numbers = txtFile.responseText.split("\n"); // Will separate each line into an array
      for (var i = 0; i < numbers.length; i++) {
            $('#box-1').replaceWith('<div div="box-'+numbers[i]+'">'+$('#box-1').html()+'</div>');
        }

    }
  }
}
txtFile.send(null);
</script>

'#box-1' 是您要替换的 div。