如何从jquery或javascript获取HTML的价值

Question

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

1. 类“ class1”的href值
2. 类“ class1”的内部文本值（示例代码中的PersonA）
3. 类“标题”的内部文本值（在示例中为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>
..... 

Answer 1

使用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是一个jQuery对象保持李（从设置$(this) ，其中this是li元素本身）。 .find()方法用于在li内查找锚元素，然后检索其href和内容。

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

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

Answer 2

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

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

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

您可以在选择器的开头修改ID（“ v-0”），以选择数据集的特定“行”。

Answer 3

document.getElementById(Id).value

返回具有特定ID的元素的值。 在jQuery中：

$("#id").val()

按类别$(".yourClass").val()

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

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

Answer 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