Question

我有一个html页面：

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

我如何使用jquery进行更改（将正确的单词附加？）box-添加到box-2353，其中2353或其他数字将在单独的.txt文件中设置？< / p>

我找到了更改class的解决方案，但我没有选项，因为它来自RSS Feed并且已经设置为id。

Answer 1

使用.prop

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

DEMO

Answer 2

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

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

简短Demo。

Answer 3

尝试类似这样的东西（普通Javascript）：

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

或者使用jQuery：

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

Fiddle

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。

使用jquery更改div id

4 个答案:

Fiddle