使用JQuery编辑对象标记的内容

时间:2016-01-30 06:01:36

标签: javascript jquery html object append

我有这个JQuery函数:

var objects = document.querySelectorAll('object');

// Iterate through objects
$('object').each( function() {
    var link = $(this).attr('data');
    $(this).append('<a href="'+link'">click here</a>');

});

它遍历页面中的所有<object>项并在其末尾附加一个链接(在这种情况下,所有对象都用于创建嵌入文档。)但是,我想编辑该函数这样它也可以编辑object标签中的一个属性,最好是更改name属性,还可以添加一个if语句来检查object标签是否包含这个新名称。

2 个答案:

答案 0 :(得分:0)

您可以使用.attr()来获取/设置名称属性,也可以使用.is()attribute selector

// Iterate through objects
var $objects = $('object');
$objects.each(function() {
  var $this = $(this);
  $this.append('<a href="' + $this.attr('data')
    '">click here</a>');

  var nametoset = ''; //some logic to find the name
  if ($objects.is('[name="' + nametoset + '"]')) {
    //name already exists so do something 
  } else {
    $this.attr('name', nametoset);
  }

});

答案 1 :(得分:0)

$('object').each( function() {
    var link = $(this).attr('data');
    var newlink = $('<a href="'+link'">click here</a>');
    newLink.attr("name","jonny");
    $(this).append(newLink);
});

OR

$('object').each( function() {
    var link = $(this).attr('data');
    var newname = "jonny";
    var newlink =$ ('<a href="'+link+'" name="'+newname+'">click here</a>');
    $(this).append(newLink);
});