Question

如何使用javascript添加attr：

以下是代码：

<ul class="nav nav-tabs">
  <li class="active">
    <a href="#tab_1_4" data-toggle="tab" id="8" onclick="TableIdByNew(this.id)"><span class="badge badge-default" id="sipp-count">0</span> New </a>

  </li>
  <li>
    <a href="#tab_1_2" data-toggle="tab" id="9" onclick="TableIdByInProgress(this.id)"><span class="badge badge-default" id="sass-count">0</span> InProgress </a>
  </li>
  <li>
    <a href="#tab_1_3" data-toggle="tab" id="10" onclick="TableIdByClosed(this.id)"><span class="badge badge-default" id="sass-counts">0</span> Closed </a>
  </li>
</ul>

我想添加：

  $("8").attr("aria-expanded", "true");
  $("9").attr("aria-expanded", "false");
  $("10").attr("aria-expanded", "false");

但这不起作用。

这是表格：

<div class="tab-pane active in" id="tab_1_4" style="display:none">
                        <p>
                            <div class="portlet box">
                                <div class="portlet-title">


                                    <table class="table table-striped table-bordered dt-responsive table-hover" width="100%" id="AdminTicketId4" cellspacing="0">
                                        <thead>


                                            <tr>
                                                <th> Date Created </th>
                                                <th> Title </th>
                                                <th> User Name </th>
                                                <th> User Email </th>
                                                <th> Assigned To </th>
                                                <th>Importancy</th>
                                                <th> Status </th>
                                            </tr>
                                        </thead>

                                    </table>

                                </div>
                            </div>
                        </p>
                    </div>

表格在这里：

这是第一张表格。

我该如何解决？

哪里错了???

Answer 1

jQuery选择器就像CSS选择器一样。

要按ID（this_is_an_id）选择元素，请使用$('#this_is_an_id')。注意# - 如果没有它，您将匹配this_is_an_id类型的元素。将$('li')视为一个有意义的例子。

Answer 2

＆＃13;

$("#8").attr("aria-expanded", "true");
        $("#9").attr("aria-expanded", "false");
        $("#10").attr("aria-expanded", "false");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav nav-tabs">
                <li class="active">
                    <a href="#tab_1_4" data-toggle="tab" id="8" onclick="TableIdByNew(this.id)"><span class="badge badge-default" id="sipp-count">0</span> New </a>

                </li>
                <li>
                    <a href="#tab_1_2" data-toggle="tab" id="9" onclick="TableIdByInProgress(this.id)"><span class="badge badge-default" id="sass-count">0</span> InProgress </a>
                </li>
                <li>
                    <a href="#tab_1_3" data-toggle="tab" id="10" onclick="TableIdByClosed(this.id)"><span class="badge badge-default" id="sass-counts">0</span> Closed </a>
                </li>
            </ul>

＆＃13;

Answer 3

您已指定 id =“8”等等，因此您必须使用“＃”与JQuery一起使用，请尝试以下操作：

$("#8").attr("aria-expanded", "true");

Answer 4

$("a[id=8]").attr("aria-expanded", "true");
$("a[id=9]").attr("aria-expanded", "false");
$("a[id=10]").attr("aria-expanded", "false");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav nav-tabs">
  <li class="active">
    <a href="#tab_1_4" data-toggle="tab" id="8" onclick="TableIdByNew(this.id)"><span class="badge badge-default" id="sipp-count">0</span> New </a>

  </li>
  <li>
    <a href="#tab_1_2" data-toggle="tab" id="9" onclick="TableIdByInProgress(this.id)"><span class="badge badge-default" id="sass-count">0</span> InProgress </a>
  </li>
  <li>
    <a href="#tab_1_3" data-toggle="tab" id="10" onclick="TableIdByClosed(this.id)"><span class="badge badge-default" id="sass-counts">0</span> Closed </a>
  </li>
</ul>

使用[id=8]，例如id=8

描述：选择具有指定属性的元素，其值完全等于某个值。

或者您可以将自己的ID更改为不以数字开头，只需使用#选择ID

Answer 5

你问过如何在Javascript中添加它们，而不是在jQuery中。这是在Javascript（demo）中完成的：

<ul>
  <li><a id="8">New</a></li>
  <li><a id="9">InProgress</a></li>
  <li><a id="10">Closed</a></li>
</ul>

<script>
document.getElementById('8').setAttribute('aria-expanded', 'true');
document.getElementById('9').setAttribute('aria-expanded', 'false');
document.getElementById('10').setAttribute('aria-expanded', 'false');
</script>

你可能意味着jQuery，但请注意你you might not need jquery.com。 Javascript已经走了很长的路。

如何使用javascript添加attr

5 个答案: