Question

是否有任何替代解决方案（在JavaScript中）document.getElementById();选择特定元素，同时指定类和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

您可以尝试document.querySelector()

像document.querySelector(".q_content#2")一样使用像css选择器这样的para ..

Answer 2

由于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 3

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

现在这里是添加javascript库后的代码

$（“＃yourid”）。恭维功能。 //基本选择器

$（ “＃yourid.yourclass”）。显示（）使用'.show（）'来了解所选元素

的方式

使用.hide（）。隐藏元素

如何通过id和class获取元素

3 个答案: