如何通过jQuery获取html中具有特定类的第一个元素的ID值

How to get ID value of first element with specific class in html by jQuery

本文关键字：第一个 元素 ID jQuery 何通过 获取 html      更新时间：2023-09-26

我有这个HTML代码：

    <div id="calc_pol_list">
       <li class="calc_li">
           <span class="right_list_number">1</span>
           <p id="120" class="calc_p"/>
       </li>
       <li class="calc_li">
           <span class="right_list_number">2</span>
           <p id="100" class="calc_p"/>
       </li>
    </div>

我需要使用 jQuery 获取第一个 p： 的 ID 并将此 ID 转换为字符串。

我试过这段代码：

    $('#calc_pol_list p:first').attr('id');

但它不起作用。

我该怎么做？

更新：这是我的函数：

function refreshCost(){
    if ( jQuery.isReady ) {
        stomCost = parseInt($('div#calc_pol_list calc_p:first').attr('id'));
        var cost = stomCost + scatCost + polCost;               
        $("#pre_cost").text(cost);
    };
};
是的，

如果与代码的其余部分分开考虑，我的代码是正确的。我意识到问题是什么，但我不知道如何解决。问题是

我在 Ajax 请求之后添加的这些不在原始 DOM 中。拥有这些的表单

位于div 内部。我在这里读到，我需要使形式成为身体的直接子代，但在这种情况下这是不可能的。

$('#calc_pol_list p').first().attr('id')

像这样:)

这个呢：

$('#calc_pol_list p').eq(0).attr('id');

JSFIDDLE http://jsfiddle.net/krasimir/ppzqx/1/

解决方案是使用 .ajaxStop

$(document).ajaxStop(function() {
    alert($('#calc_pol_list p').eq(0).attr('id'));
});

试试这个：

$(document).ready(function(){ 
alert($('#calc_pol_list p:first').attr('id'));
});

ID 和 NAME 令牌必须以字母 （[A-Za-z]） 开头，并且可以是 后跟任意数量的字母、数字 （[0-9]）、连字符 （"-"）， 下划线 （"_"）、冒号 （"："） 和句点 （"."）。

请参阅：HTML 中 id 属性的有效值是什么？

创建一个变量并在其中获取变量，例如

var content = $('#calc_pol_list > li p:first').attr('id');

并提醒它将获得 id 作为字符串，例如

alert (content );
相关文章：