blocks|key|986869|text|$('selector').attr('id')将返回第一个匹配元素的id。Reference。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|986870|如果匹配的集合包含多个元素，则可以使用传统的.each+iterator返回包含每个If的数组：|986871|var+retval+=+[]
$('selector').each(function(){
++retval.push($(this).attr('id'))
})
return+retval|code-block|syntax|javascript|986872|或者，如果您愿意变得更强大，您可以避免使用包装器，而使用.map+shortcut。|986873|return+$('.selector').map(function(index,dom){return+dom.id})|986874|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/attr/|1|http://api.jquery.com/each/|2|http://api.jquery.com/map/^0|0|O|12|9|0|0|M|5|S|8|1|0|0|S|4|X|8|2|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|H|3|I|5|J|7|1E|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|O|3|P|5|J|7|1L|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|Z]]|10|$5|T|U|V|E|$W|11]]]]

<p><code>$('selector').attr('id')</code> will return the id of the first matched element. <a href="http://api.jquery.com/attr/" rel="noreferrer">Reference</a>. </p>

<p>If your matched set contains more than one element, you can use the conventional <code>.each</code> <a href="http://api.jquery.com/each/" rel="noreferrer">iterator</a> to return an array containing each of the ids:</p>

<pre><code>var retval = []
$('selector').each(function(){
  retval.push($(this).attr('id'))
})
return retval
</code></pre>

<p>Or, if you're willing to get a little grittier, you can avoid the wrapper and use the <code>.map</code> <a href="http://api.jquery.com/map/" rel="noreferrer">shortcut</a>.</p>

<pre><code>return $('.selector').map(function(index,dom){return dom.id})
</code></pre>


blocks|key|1201526|text|id是html+Element的属性。但是，当您编写$("#something")时，它返回一个包装匹配的DOM元素的jQuery对象。要获取第一个匹配的DOM元素，请调用get(0)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1201527|$("#test").get(0)|code-block|syntax|javascript|1201528|在这个原生元素上，您可以调用id或任何其他原生DOM属性或函数。|1201529|$("#test").get(0).id|1201530|这就是为什么id不能在您的代码中工作的原因。|1201531|或者，按照其他答案的建议，使用jQuery的attr方法来获取第一个匹配元素的id属性。|1201532|$("#test").attr("id")|1201533|entityMap^0|0|2|8|7|Q|F|2E|6|0|0|0|0|6|2|0|M|4|13|2|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|16|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1B|8|@$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|S|3|T|5|H|7|1G|8|@]|D|@]|E|$I|J]]|$1|U|3|-4|5|6|7|1H|8|@]|D|@]|E|$]]]|V|$]]

<p><code>id</code> is a property of an html <code>Element</code>. However, when you write <code>$("#something")</code>, it returns a jQuery object that wraps the matching DOM element(s). To get the first matching DOM element back, call <code>get(0)</code></p>

<pre><code>$("#test").get(0)
</code></pre>

<p>On this native element, you can call id, or any other native DOM property or function.</p>

<pre><code>$("#test").get(0).id
</code></pre>

<p>That's the reason why <code>id</code> isn't working in your code. </p>

<p>Alternatively, use jQuery's <code>attr</code> method as other answers suggest to get the <code>id</code> attribute of the first matching element.</p>

<pre><code>$("#test").attr("id")
</code></pre>


blocks|key|987116|text|上面的答案很棒，但随着jquery的发展..所以你也可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987117|var+myId+=+$("#test").prop("id");|code-block|syntax|javascript|987118|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Above answers are great, but as jquery evolves.. so you can also do:</p>

<pre><code>var myId = $("#test").prop("id");
</code></pre>


blocks|key|987168|text|$.fn.extend({
++++id+:+function()+{
++++++++return+this.attr('id');
++++}
});

alert(+$('#element').id()+);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|987169|当然需要一些检查代码，但很容易实现！|unstyled|987170|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$.fn.extend({
    id : function() {
        return this.attr('id');
    }
});

alert( $('#element').id() );
</code></pre>

<p>Some checking code required of course, but easily implemented!</p>


blocks|key|987051|text|.id不是有效的jquery函数。您需要使用.attr()函数来访问元素拥有的属性。您可以使用.attr()通过指定两个参数来更改属性值，也可以通过指定一个参数来获取属性值。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|987052|http://api.jquery.com/attr/|987053|entityMap|0|LINK|mutability|MUTABLE|url^0|0|3|M|7|1B|7|0|0|R|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@$9|W|A|X|1|Y]]|E|$]]|$1|H|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|G]]]]

<p><code>.id</code> is not a valid jquery function. You need to use the <code>.attr()</code> function to access attributes an element possesses. You can use <code>.attr()</code> to both change an attribute value by specifying two parameters, or get the value by specifying one.</p>

<p><a href="http://api.jquery.com/attr/" rel="noreferrer">http://api.jquery.com/attr/</a></p>


blocks|key|1201730|text|如果你想获得一个元素的ID，假设是通过一个类选择器，当一个事件(在本例中是click+event)在这个特定的元素上被触发时，下面的代码将会完成这项工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1201731|+$('.your-selector').click(function(){
+++++++var+id+=+$(this).attr('id');
+});|code-block|syntax|javascript|1201732|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If you want to get an ID of an element, let's say by a class selector, when an event (in this case click event) was fired on that specific element, then the following will do the job:</p>

<pre><code> $('.your-selector').click(function(){
       var id = $(this).attr('id');
 });
</code></pre>


blocks|key|1201956|text|示例中的$('#test').attr('id')：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1201957|<div+id="test"></div>

$(document).ready(function()+{
++++alert($('#test').attr('id'));
});+|code-block|syntax|javascript|1201958|entityMap^0|4|L|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p><code>$('#test').attr('id')</code>
In your example:</p>

<pre><code>&lt;div id="test"&gt;&lt;/div&gt;

$(document).ready(function() {
    alert($('#test').attr('id'));
}); 
</code></pre>


blocks|key|1201914|text|嗯，似乎还没有一个解决方案，我想提出我自己的解决方案，它是JQuery原型的扩展。我将其放在一个帮助文件中，该文件在JQuery库之后加载，因此需要检查window.jQuery|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1201915|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');
++++++++}
++++}
}|code-block|syntax|javascript|1201916|它可能并不完美，但它可能是包含在JQuery库中的一个开始。|1201917|返回单个字符串值或字符串值数组。字符串值数组用于使用多元素选择器的事件。|1201918|entityMap^0|24|D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|V|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

<p>Well, seems there has not been a solution and would like to propose my own solution that is an expansion of the JQuery prototype's.  I put this in a Helper file that is loaded after the JQuery library, hence the check for <code>window.jQuery</code></p>

<pre><code>if (window.jQuery) {
    $.prototype.id = function () {
        if (this.length &gt; 1) {
            var val = [];
            this.each(function (idx, el) {
                val.push($(el).id());
            });
            return val;
        } else {
            return this.attr('id');
        }
    }
}
</code></pre>

<p>It may not be perfect but it is a start to maybe getting inclusion into the JQuery library.</p>

<p>Returns either a single string value or an Array of string values.  The Array of string values, is for the event an multi-element selector was used.</p>


blocks|key|986940|text|$('#test')返回一个jQuery对象，因此不能简单地使用object.id来获取其Id|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|986941|您需要使用$('#test').attr('id')，它返回元素所需的ID|986942|这也可以按如下方式完成，|986943|等于document.getElementById('test').id的$('#test').get(0).id|986944|entityMap^0|0|A|W|9|19|2|0|5|L|Z|2|0|0|2|Y|11|K|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Z|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|L|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|M|$]]

<p><code>$('#test')</code> returns a jQuery object, so you can't use simply <code>object.id</code> to get its <code>Id</code></p>

<p>you need to use <code>$('#test').attr('id')</code>, which returns your required <code>ID</code> of the element </p>

<p>This can also be done as follows ,</p>

<p><code>$('#test').get(0).id</code> which is equal to <code>document.getElementById('test').id</code></p>


blocks|key|987414|text|也许对其他找到这个帖子的人有用。下面的代码只有在你已经使用jQuery的情况下才能工作。该函数总是返回一个标识符。如果元素没有标识符，则函数生成标识符并将其附加到元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987415|var+generatedIdCounter+=+0;

$.fn.id+=+function()+{
++++var+identifier+=+this.attr('id');

++++if(!identifier)+{
++++++++generatedIdCounter%2B%2B;
++++++++identifier+=+'isGenerated_'+%2B+generatedIdCounter;

++++++++this.attr('id',+identifier);
++++}

++++return+identifier;
}|code-block|syntax|javascript|987416|使用方法：|987417|$('.classname').id();

$('#elementId').id();|987418|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Maybe useful for others that find this thread. The code below will only work if you already use jQuery. The function returns always an identifier. If the element doesn't have an identifier the function generates the identifier and append this to the element.</p>

<pre><code>var generatedIdCounter = 0;

$.fn.id = function() {
    var identifier = this.attr('id');

    if(!identifier) {
        generatedIdCounter++;
        identifier = 'isGenerated_' + generatedIdCounter;

        this.attr('id', identifier);
    }

    return identifier;
}
</code></pre>

<p>How to use:</p>

<pre><code>$('.classname').id();

$('#elementId').id();
</code></pre>


blocks|key|987080|text|$('tagname').attr('id');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|987081|使用上面的代码，你可以获得id。|unstyled|987082|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$('tagname').attr('id');
</code></pre>

<p>Using above code you can get id.</p>


blocks|key|987293|text|这可以是元素id、class或自动使用even|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987294|------------------------
$(this).attr('id');
=========================
------------------------
$("a.remove[data-id='2']").attr('id');
=========================
------------------------
$("#abc1'").attr('id');
=========================|code-block|syntax|javascript|987295|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This can be element id , class , or automatically using even</p>

<pre><code>------------------------
$(this).attr('id');
=========================
------------------------
$("a.remove[data-id='2']").attr('id');
=========================
------------------------
$("#abc1'").attr('id');
=========================
</code></pre>


blocks|key|987382|text|这将最终解决您的问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|987383|假设您在一个页面上有许多按钮，并且您希望使用jQuery+Ajax+(或非ajax)根据它们的ID更改其中一个按钮。|987384|假设您有许多不同类型的按钮(用于表单、审批和类似目的)，并且您希望jQuery只处理“喜欢”按钮。|987385|这是一段有效的代码:+jQuery将只处理.cls-hlpb类的按钮，它将获取被单击的按钮的id，并根据来自ajax的数据对其进行更改。|987386|<!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:+"%2Bid);
$.post("demo_test_post.asp",
++++{
++++++name:+"Donald+Duck",
++++++city:+"Duckburg"
++++},
++++function(data,status){

++++//parsing+the+data+should+come+here:
++++//var+obj+=+jQuery.parseJSON(data);
++++//$("#"%2Bid).val(obj.name);
++++//etc.

++++if+(id=="btnhlp-1")
+++++++$("#"%2Bid).attr("style","color:red");
++++$("#"%2Bid).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>|code-block|syntax|javascript|987387|代码取自w3schools并进行了更改。|987388|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>This will finally solve your problems:</p>

<p>lets say you have many buttons on a page and you want to change one of them with jQuery Ajax (or not ajax) depending on their ID.</p>

<p>lets also say that you have many different type of buttons (for forms, for approval and for like purposes), and you want the jQuery to treat only the "like" buttons.</p>

<p>here is a code that is working:
the jQuery will treat only the buttons that are of class .cls-hlpb,
it will take the id of the button that was clicked 
and will change it according to the data that comes from the ajax.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;    &lt;/script&gt;
&lt;script&gt;
$(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);
    });
});




});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;input type="button" class="clshlpbtn" id="btnhlp-1" value="first btn"&gt;    &lt;/input&gt;
&lt;br /&gt;
&lt;input type="button" class="clshlpbtn" id="btnhlp-2" value="second btn"&gt;    &lt;/input&gt;
&lt;br /&gt;
&lt;input type="button" class="clshlpbtn" id="btnhlp-9" value="ninth btn"&gt;    &lt;/input&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>code was taken from w3schools and changed.</p>


blocks|key|987543|text|<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%2B%2B;
++++++++}
++++}

++++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));
++++}
}
?>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|987544|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;html&gt;
&lt;head&gt;
  &lt;link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
&lt;?php
    // include Database connection file 
    include("db_connection.php");

    // Design initial table header 
    $data = '&lt;table class="table table-bordered table-striped"&gt;
                        &lt;tr&gt;
                            &lt;th&gt;No.&lt;/th&gt;
                            &lt;th&gt;First Name&lt;/th&gt;
                            &lt;th&gt;Last Name&lt;/th&gt;
                            &lt;th&gt;Email Address&lt;/th&gt;
                            &lt;th&gt;Update&lt;/th&gt;
                            &lt;th&gt;Delete&lt;/th&gt;
                        &lt;/tr&gt;';
    $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) &gt; 0)
    {
        $number = 1;
        while($row = mysqli_fetch_assoc($result))
        {
            $data .= '&lt;tr&gt;
                &lt;td&gt;'.$number.'&lt;/td&gt;
                &lt;td&gt;'.$row['first_name'].'&lt;/td&gt;
                &lt;td&gt;'.$row['last_name'].'&lt;/td&gt;
                &lt;td&gt;'.$row['email'].'&lt;/td&gt;
                    &lt;td&gt;&lt;button onclick="DeleteUser('.$row['id'].')" class="btn btn-danger"&gt;Delete&lt;/button&gt;
                &lt;/td&gt;
            &lt;/tr&gt;';
            $number++;
        }
    }

    else
    {
        // records now found 
        $data .= '&lt;tr&gt;&lt;td colspan="6"&gt;Records not found!&lt;/td&gt;&lt;/tr&gt;';
    }

    $data .= '&lt;/table&gt;';
    echo $data;
?&gt;

&lt;script type="text/javascript"&gt;

    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

&lt;?php
// check request
if(isset($_POST['id']) &amp;&amp; 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));
    }
}
?&gt;
</code></pre>


blocks|key|987595|text|它不会回答OP，但其他人可能会感兴趣:在这种情况下，您可以访问.id字段：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|987596|$('#drop-insert').map((i,+o)+=>+o.id)|code-block|syntax|javascript|987597|entityMap^0|V|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>it does not answer the OP, but may be interesting to others: you can access the <code>.id</code> field in this case:</p>

<pre><code>$('#drop-insert').map((i, o) =&gt; o.id)
</code></pre>


<pre><code>&lt;div id="test"&gt;&lt;/div&gt;
&lt;script&gt;
  $(document).ready(function() {
    alert($('#test').id);
  });  
&lt;/script&gt;
</code></pre>

<p>Why doesn't the above work, and how should I do this?</p>


How can I get the ID of an element using jQuery?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

<div id="test"></div><script>  $(document).ready(function() {    alert($('#test').id);  });  </script>为什么上面的方法不起作用，我该怎么做？

问如何使用jQuery获取元素的ID？
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery获取元素的ID？EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery获取元素的ID？
EN