【问题标题】:How to find particular label value inside div tag using jQuery如何使用 jQuery 在 div 标签中查找特定的标签值
【发布时间】:2013-11-22 13:42:09
【问题描述】:

我需要使用 jQuery 读取 div 标签内特定标签的值。下面是 HTML 结构。

<div id="myDiv">
<label id="greenLabel">Hello</label>
<label id="redLabel">There you go!</label>
</div>

谁能帮我找到“redLabel”的内文?

【问题讨论】:

  • 可能是$('#redLabel').html() ?

标签: javascript jquery html innerhtml


【解决方案1】:

试试# id-selector

$('#redLabel').text();

$('#redLabel').html();


$('#redLabel') --> 引用 id redLabel 的元素

$('#redLabel').text(); --> 获取带有idredLabel的元素文本

$('#redLabel').text('value'); --> 设置元素的文本为id redLabel


.text()

.html()


ID 必须是唯一的。对多个项目使用classes 或引用一个组

阅读Two HTML elements with same id attribute: How bad is it really?

【讨论】:

  • 直接写“$('#redLabel').text();”读取页面中的所有标签。我想从特定的 div 标签中读取它。
  • @DhavalPanchal 为 ID redLabel 只读标签,如果 ID 是唯一的,那么您只会得到一个值。
  • 是 - ID 是唯一的。我在 DIV 中有 ASP.Net 标签并设置 ClientIDMode="static"。因此,它会呈现问题中提到的 HTML。
  • @DhavalPanchal 如果 id 是唯一的,它必须只选择一个标签。
  • ID 在该 div 标签中是唯一的。但是页面中同名的标签太多了。
【解决方案2】:

试试这个

 $("#myDiv #redLabel").text();
  //go to div then label
 // or can try if in label there is no element
     $("#myDiv #redLabel").html();

你也可以用$("#redLabel")代替$("#myDiv #redLabel")

另见What is the difference between jQuery: text() and html() ?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-07-04
    • 1970-01-01
    • 1970-01-01
    • 2016-05-02
    • 1970-01-01
    • 1970-01-01
    • 2013-12-17
    • 1970-01-01
    相关资源
    最近更新 更多