<div id="test"></div>
<script>
$(document).ready(function() {
alert($('#test').id);
});
</script>
为什么上面的方法不起作用，我应该怎么做？
jQuery方法：
$('#test').attr('id')
在您的示例中：
$（文档）.ready（函数）{console.log（$（'#test'）.attr（'id'））；});<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><div id=“test”></div>
或者通过DOM：
$('#test').get(0).id;
或甚至：
$('#test')[0].id;
在JQuery中使用$（“#test”）.get（0）或甚至$（“#test”）[0]的原因是$（“＃test”）是JQuery选择器，并返回结果的array（），而不是其默认功能中的单个元素
jquery中DOM选择器的另一种选择是
$('#test').prop('id')
它不同于.attr（）和$（'#test'）.prop（'o'）获取指定的DOM foo属性，而$（'#test'）.attr“'o'”获取指定的HTML foo属性。
$（'selector'）.attr（'id'）将返回第一个匹配元素的id。参考
如果匹配的集合包含多个元素，则可以使用常规的.each迭代器返回包含每个id的数组：
var retval = []
$('selector').each(function(){
retval.push($(this).attr('id'))
})
return retval
或者，如果你想变得更强硬一点，你可以避免包装，使用.map快捷方式。
return $('.selector').map(function(index,dom){return dom.id})
$（'#test'）返回一个jQuery对象，因此不能简单地使用object.id获取其id
您需要使用$（'#test'）.attr（'id'），它返回元素所需的id
这也可以如下进行，
$（'#test'）.get（0）.id，等于document.getElementById（'test'）.id
id是html元素的属性。然而，当您编写$（“#something”）时，它返回一个jQuery对象，该对象包装匹配的DOM元素。要获取第一个匹配的DOM元素，请调用get（0）
$("#test").get(0)
在本机元素上，可以调用id或任何其他本机DOM属性或函数。
$("#test").get(0).id
这就是id在代码中不起作用的原因。
或者，按照其他答案的建议，使用jQuery的attr方法来获取第一个匹配元素的id属性。
$("#test").attr("id")
.id不是有效的jquery函数。您需要使用.attr（）函数来访问元素拥有的属性。您可以使用.attr（）通过指定两个参数来更改属性值，或者通过指定一个参数来获取值。
http://api.jquery.com/attr/
$.fn.extend({
id : function() {
return this.attr('id');
}
});
alert( $('#element').id() );
当然需要一些检查代码，但很容易实现！
如果您想获取一个元素的ID，比如说通过类选择器，当在该特定元素上触发事件（在本例中为单击事件）时，以下操作将完成此任务：
$('.your-selector').click(function(){
var id = $(this).attr('id');
});
重要提示：如果要使用jQuery创建新对象并绑定事件，则必须使用prop而不是attr，如下所示：
$（“<div/>”，｛id:“yourId”，class:“yourClass”，html:“<span></span>”｝）.on（“单击”，函数（e）｛alert（$（this）.prop（“id”）；｝）.appendTo（“#something”）；
这可以是元素id、类，也可以自动使用
------------------------
$(this).attr('id');
=========================
------------------------
$("a.remove[data-id='2']").attr('id');
=========================
------------------------
$("#abc1'").attr('id');
=========================
这将最终解决您的问题：
假设您在一个页面上有多个按钮，您希望根据其ID使用jQueryAjax（或不是Ajax）更改其中一个按钮。
还可以说，您有许多不同类型的按钮（用于表单、审批和类似目的），您希望jQuery只处理“类似”按钮。
这是一个有效的代码：jQuery将只处理.cls-hlpb类的按钮，它将获取所单击按钮的id并将根据来自ajax的数据进行更改。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<script>
$(document).ready(function(){
$(".clshlpbtn").on('click',function(e){
var id = $(e.target).attr('id');
alert("The id of the button that was clicked: "+id);
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data,status){
//parsing the data should come here:
//var obj = jQuery.parseJSON(data);
//$("#"+id).val(obj.name);
//etc.
if (id=="btnhlp-1")
$("#"+id).attr("style","color:red");
$("#"+id).val(data);
});
});
});
</script>
</head>
<body>
<input type="button" class="clshlpbtn" id="btnhlp-1" value="first btn"> </input>
<br />
<input type="button" class="clshlpbtn" id="btnhlp-2" value="second btn"> </input>
<br />
<input type="button" class="clshlpbtn" id="btnhlp-9" value="ninth btn"> </input>
</body>
</html>
代码取自w3schools并进行了修改。
这是一个老问题，但截至2015年，这可能会奏效：
$('#test').id;
您还可以分配任务：
$('#test').id = "abc";
只要定义以下JQuery插件：
Object.defineProperty($.fn, 'id', {
get: function () { return this.attr("id"); },
set: function (newValue) { this.attr("id", newValue); }
});
有趣的是，如果元素是DOM元素，那么：
element.id === $(element).id; // Is true!
可能对找到此线程的其他人有用。只有当您已经使用jQuery时，下面的代码才有效。函数始终返回一个标识符。如果元素没有标识符，函数将生成标识符并将其附加到元素。
var generatedIdCounter = 0;
$.fn.id = function() {
var identifier = this.attr('id');
if(!identifier) {
generatedIdCounter++;
identifier = 'isGenerated_' + generatedIdCounter;
this.attr('id', identifier);
}
return identifier;
}
如何使用：
$('.classname').id();
$('#elementId').id();
嗯，似乎还没有解决方案，我想提出我自己的解决方案，这是JQuery原型的扩展。我将其放在JQuery库之后加载的Helper文件中，因此检查window.JQuery
if (window.jQuery) {
$.prototype.id = function () {
if (this.length > 1) {
var val = [];
this.each(function (idx, el) {
val.push($(el).id());
});
return val;
} else {
return this.attr('id');
}
}
}
它可能并不完美，但它可能是JQuery库的一个开始。
返回单个字符串值或字符串值数组。字符串值数组用于使用多元素选择器的事件。
$（'#test'）.attr（'id'）在您的示例中：
<div id="test"></div>
$(document).ready(function() {
alert($('#test').attr('id'));
});
<html>
<head>
<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<?php
// include Database connection file
include("db_connection.php");
// Design initial table header
$data = '<table class="table table-bordered table-striped">
<tr>
<th>No.</th>
<th>First Name</th>
<th>Last Name</th>
<th>Email Address</th>
<th>Update</th>
<th>Delete</th>
</tr>';
$query = "SELECT * FROM users";
if (!$result = mysqli_query($con, $query)) {
exit(mysqli_error($con));
}
// if query results contains rows then featch those rows
if(mysqli_num_rows($result) > 0)
{
$number = 1;
while($row = mysqli_fetch_assoc($result))
{
$data .= '<tr>
<td>'.$number.'</td>
<td>'.$row['first_name'].'</td>
<td>'.$row['last_name'].'</td>
<td>'.$row['email'].'</td>
<td><button onclick="DeleteUser('.$row['id'].')" class="btn btn-danger">Delete</button>
</td>
</tr>';
$number++;
}
}
else
{
// records now found
$data .= '<tr><td colspan="6">Records not found!</td></tr>';
}
$data .= '</table>';
echo $data;
?>
<script type="text/javascript">
function DeleteUser(id) {
var conf = confirm("Are you sure, do you really want to delete User?");
if (conf == true) {
$.ajax({
url:'deleteUser.php',
method:'POST',
data:{
id:id
},
success:function(data){
alert('delete successfully');
}
}
});
deleteUser.php
<?php
// check request
if(isset($_POST['id']) && isset($_POST['id']) != "")
{
// include Database connection file
include("db_connection.php");
// get user id
$user_id = $_POST['id'];
// delete User
$query = "DELETE FROM users WHERE id = '$user_id'";
if (!$result = mysqli_query($con, $query)) {
exit(mysqli_error($con));
}
}
?>
$（“#按钮”）.click（函数）{var clickID=$（“#testDiv”）.attr（“id”）；console.log（clickID）});<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><div id=“testDiv”>单击按钮时，您将获得该id值</div><button id=“button”>按钮</button>
推荐文章
- jQuery的“输入”事件
- 错误"Uncaught SyntaxError:意外的标记与JSON.parse"
- 给一个数字加上st, nd, rd和th(序数)后缀
- 在jQuery中的CSS类更改上触发事件
- jQuery日期/时间选择器
- 我如何预填充一个jQuery Datepicker文本框与今天的日期?
- jQuery添加必要的输入字段
- JavaScript错误(Uncaught SyntaxError:意外的输入结束)
- navigator。gelocation。getcurrentposition有时有效有时无效
- 我如何使用jQuery按字母顺序排序一个列表?
- 如何在jQuery检索复选框值
- 停止缓存jQuery .load响应
- 为什么带有对象的typeof数组返回“对象”而不是“数组”?
- 使用jQuery动画addClass/removeClass
- 是否有可能收听“风格改变”事件?
