jQuery:获取单击元素的值
我有一段代码:jQuery:获取单击元素的值,jquery,Jquery,我有一段代码: <tr class="editField"> <td>abc</td> <td>123</td> </td> </tr> <tr class="editField"> <td>dfg</td> <td>456</td> </td> </tr> 假设我点击第一个tr,我会得到第二个td(即1
<tr class="editField">
<td>abc</td>
<td>123</td>
</td>
</tr>
<tr class="editField">
<td>dfg</td>
<td>456</td>
</td>
</tr>
假设我点击第一个
tr
,我会得到第二个td
(即123)的内容,我应该写什么?我建议,考虑到你目前的分数:
$( ".editField" ).click(function() {
alert($(this).find('td:eq(1)').text());
});
但是,虽然在给定的示例中可以这样做,但向希望从中恢复“值”的元素添加一些定义属性(如类名“值”)会更容易(并且随后会更可靠),从而使HTML如下所示:
<tr class="editField">
<td>abc</td>
<td class="value">123</td>
</tr>
当然,如果“value”始终是任何给定行(相关类)的最后一个td
元素,则可以使用:
$( ".editField" ).click(function() {
alert($(this).find('td:last').text());
});
顺便说一句,请注意您的HTML格式不正确,在示例代码的两行中的最后一个单元格后面都有多余的
参考资料:
$( ".editField" ).click(function() {
var clickedValue = $(this).find('td:first').next().text();
alert(clickedValue );
});
小提琴链接:
这将直接为您提供所选元素id。
$(event.target).text();
将在一秒钟内为您提供所选元素文本 我就是不能和你竞争;-)+哦,我非常肯定你能参加比赛!也许是太侠义和高尚了,不能堕落到如此卑微的地步……)还有,我可以说谢谢你的帮助吗?非常感谢!我需要从点击中获取一个对象,可以吗?
$(function () {
$(".Cartbtn").click(function () {
var temp = {
"Id": $(this).data("itemid"),
"Name": $(this).data("itemname"),
"Price": $(this).data("itemprice"),
"Quantity": $(this).data("itemqty"),
"ImageUrl": $(this).data("itemimgurl"),
});
$( ".editField" ).click(function() {
var clickedValue = $(this).find('td:first').next().text();
alert(clickedValue );
});
$(document).bind("click", function (e) {
$(e.target).closest("li").toggleClass("highlight");
alert($(event.target).text());
});
$(function () {
$(".Cartbtn").click(function () {
var temp = {
"Id": $(this).data("itemid"),
"Name": $(this).data("itemname"),
"Price": $(this).data("itemprice"),
"Quantity": $(this).data("itemqty"),
"ImageUrl": $(this).data("itemimgurl"),
});