Question

如何使用javascript或Jquery读取div的名称？

我有动态创建具有相同名称的div的代码，并附加一个升序数字以使div唯一。例如：

如何“阅读”div Id？

$(this).divname()

或其他......

Answer 1

如果this引用div元素，那么this.id会给出id值，$(this).attr('name')应该给出name属性值

.attr()

Answer 2

ID

$(this).attr('id');

名称

$(this).attr('name');

Answer 3

获取该特定div的ID。在jquery中使用attr和prop。

 getId = $(this).attr('id');
 getName = $(this).attr('name');

注意：jQuery 1.6，.attr（）方法有时会获取属性值在检索可能导致的某些属性时会考虑到这一点不一致的行为。从jQuery 1.6开始，.prop（）方法提供了一个 .attr（）检索时显式检索属性值的方法属性。

Answer 4

使用.attr()获取匹配元素集中第一个元素的属性值。

var id = $(this).attr('id');

Answer 5

有不同的方式取决于要求

var variableName = $(this).attr('name');
var variableName = $(this).attr('id');
var variableName = $("#id").attr('find any attribute'); // name, id, class and so on
var variableName = $("div#id").attr('find any attribute'); // name, id, class and so on
var variableName = $(".class").attr('find any attribute'); // name, id, class and so on
var variableName = $("div.class").attr('find any attribute'); // name, id, class and so on
var variableName = $("div[id='test']").attr('find any attribute'); // name, id, class and so on
var variableName = $("div[class='testing']").attr('find any attribute'); // name, id, class and so on
var variableName = $("div[name='header']").attr('find any attribute'); // name, id, class and so on

使用符合您要求的任何一个...... this关键字引用当前对象。

例如，如果我创建了一个点击功能，我直接将div CLASS 称为

$(".test").click(function(){ this.id /*OR*/ (this).id /*OR*/ $(this).attr("name") });

或间接调用div CLASS ，如

$("div[class='test']").click(function(){ this.id /*OR*/ (this).id /*OR*/ $(this).attr("name") });

如果我使用click关键字

，现在this函数会在选择器中显示当前对象ID BUT

$(this).click(function(){ this.id /*OR*/ (this).id /*OR*/ $(this).attr("any attribute name") });

现在我点击文档的任何地方，它会给我 ID ，有些地方给我未定义的 OR 也是错误所以它取决于选择器。

例如，现在你有多个div，span OR 任何具有相同类但具有不同id的对象，当你点击任何div OR span时它会给出当前id因为this.id所以this引用当前对象。

所以大多数时候我们使用直接seletor来获取这样的属性

$("#test").attr("name");

Answer 6

如果$(this)指的是您正在谈论的div，那么

$(this).attr('id')

返回div id或undefined，

$(this).attr('name')

返回div name或undefined。

Answer 7

这是一个泛型函数，如果你传递一个id，它将返回div名称：

function returnName(id){
    var name = $('#'+id).attr('name');
    return name;
}

使用此功能：

var currentDivId = $(this).attr('id');
var myDivName = returnName(currentDivId);

如何找出div的名称属性

7 个答案: