如何从 jquery 或 javascript 获取 HTML 的值答案

【问题标题】：how to get value of HTML from jquery or javascript如何从 jquery 或 javascript 获取 HTML 的值
【发布时间】：2016-09-05 02:55:35
【问题描述】：

我想通过 Jquery 或 Javascript 从 HTML 文件中选择以下三个值。

类“class1”href值
class "class1" 内部文本值（示例代码中的 PersonA）
类“Title”内部文本值（示例中为Accountant）

如何逐个节点选择li节点的所有数据为？我迷路了:(

<ol id="result-set">
<li id="v-0">
    <div class="result-data">
    ..
    <h2>
        <a class="class1" href="">PersonA</a>
    </h2>
    <dl class="basic">
        <dt>Title</dt>
        <dd class="title">Accountant</dd>
        ....
    </dl>
    </div>
</li>
<li id="v-1">
...
</li>
.....

【问题讨论】：

“选择”是什么意思？突出显示？
你能重新表述一下这个问题吗？抱歉，我想我不明白
您的 HTML 中的哪个位置是 classA？我只看到class1。您可以通过多种方式获得“会计”，一种安全的方法是具体使用选择器。一种方法是：$('#result-set li#v-0 dl.basic dd.title').html()
所以我再次阅读了他的 Q，他提到了“li node by node”，所以他确实需要循环，而 nnnnnn 的回答就成功了。

标签： javascript jquery html jquery-selectors

【解决方案1】：

获取“PersonA”：$('#v-0 h2 a').html();

要获取该链接的href：$('#v-0 h2 a').attr('href');

获取“会计”：$('#v-0 dl dd').html();

您可以修改选择器开头的 id ("v-0") 以选择数据集的特定“行”。

【讨论】：

【解决方案2】：

使用 jQuery，您可以执行以下操作：

$("#result-set li").each(function() {
   var $currentLi = $(this),
       $class1link = $currentLi.find("a.class1"),
       class1href = $classAlink.attr("href"),
       class1content = $classAlink.html();

   // do something with values
});

.each() 方法将处理每个 li 元素。在对.each() 的回调中，变量$currentLi 是一个保存该li 的jQuery 对象（从$(this) 设置，其中this 是li 元素本身）。 .find() 方法用于在 li 中查找锚元素，然后检索其 href 和内容。

您询问的“会计”是定义列表中的一项，因此您可能希望在该列表中循环使用另一个嵌套在上述列表中的 .each() 语句。

您没有明确说明要如何使用这些值，但这应该可以帮助您入门。有关我提到的各种 jQuery 方法的更多详细信息，请查看jQuery API。

【讨论】：

【解决方案3】：

document.getElementById(Id).value

返回具有特定 id 的元素的值。在 jquery 中：

$("#id").val()

按班级$(".yourClass").val()

要获取属性值，请使用attr("attributeName")，例如$(".class1").attr('href')。

如果您想从指定元素中获取文本，请使用 .text()，例如 $(".title").text() //will return Accountant。

【讨论】：

【解决方案4】：

您的意思是使用 jQuery 选择器来选择它们？可以这样做：

$('.class1').attr('href') //class1 href, i persume you dont mean classA as it doesnt exist in your code
$('.class1').text(); //PersonA text using the same selector
$('.title').text(); //Accountant from the .title dd

【讨论】：