如何通过id和class获取元素

Question

document.getElementById();是否有其他替代解决方案（在JavaScript中选择一个特定元素，同时指定类和id？

例如，我有这样的内容：

<a class="q_href" onclick="showQuestion(1)">Question 1:</a>
<div class="q_content" id="1"></div>

<a class="q_href" onclick="showQuestion(2)">Question 2:</a>
<div class="q_content" id="2"></div>

并且我想在函数的“问题X”链接下选择相应的div

function showQuestion(id)
{
var thediv = GetByClassAndId("q_content",id); // how to implement this function ?
WriteQuestionIn(thediv); //Ajax
}

提前感谢。

Answer 1

因为ID始终是唯一的（除非您犯了错误），所以您无需同时使用class和id来选择元素。这样的方法是不正确的，应该不惜一切代价避免使用。

我怀疑是您的问题，ID只是一个数字。尝试添加一个字母前缀。请查看此页面的源代码以查看示例。

<a class="q_href" onclick="showQuestion(1)">Question 1:</a>
<div class="q_content" id="q1"></div>

<a class="q_href" onclick="showQuestion(2)">Question 2:</a>
<div class="q_content" id="q2"></div>

function showQuestion(id)
{
var thediv = document.getElementById("q"+id);
WriteQuestionIn(thediv); //Ajax
}

Answer 2

您可以尝试document.querySelector()

像document.querySelector(".q_content#2")使用类似css选择器的参数。

Answer 3

实际上，jQuery中有一个函数ij用于执行此操作。如果您正在使用任何框架，那么应该记住始终有一个jQuery库可用。你们中的其他人正在使用自定义php，而不是像jQuery或其他bcz那样添加其中之一，它们提供了很多类型的选择器。

现在是添加jQuery库后的代码

$("#yourid").impliment function.   //basic selector
$("#yourid.yourclass").show()

使用.show()如何选择元素

使用.hide()隐藏元素