选择第二个孩子并归属一个ID - Javascript

时间:2018-06-15 03:31:43

标签: javascript class id

如何将ID归因于第二个 gs-title

我试试这个,但不起作用:



var stopInterval = false;
var interval = setInterval(function($Document) {
    if(!stopInterval) {
       $("div > gs-title:nth-child(2)").attr("id",'pweb');
        stopInterval = true;
    } else {
        clearInterval(interval);
    }
 },12000);




Picture Here of all code **已解决**

第二个问题:

我的自动点击功能不起作用,这里是代码:

Click Code

谢谢!

4 个答案:

答案 0 :(得分:0)

使用eq

$("div > .gs-title:eq(1)").attr("id",'pweb');

修改

$("#pweb").trigger("click");

答案 1 :(得分:0)

这是一个例子:



var stopInterval = false;
var interval = setInterval(function($Document) {
    if(!stopInterval) {
       $("div > .gs-title:eq(1)").attr("id",'pweb');
        stopInterval = true;
        document.getElementById('pweb').click();
        // or $('#pweb').click();
    } else {
        clearInterval(interval);
    }
 },12000);
 
 $('a').click(function(event){ 
  event.preventDefault();
  alert($(this).html());
 })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <a class="gs-title">1</a>
    <a class="gs-title">2</a>
    <a class="gs-title">3</a>
    <a class="gs-title">4</a>
</div>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

查看代码的图片我认为您正在尝试使用div.gs-title中的目标a.gs-title,为此您只需将div > gs-title:nth-child(2)更改为a.gs-title

答案 3 :(得分:0)

let gs_elt = document.getElementsByClassName('gs-title');

Array.prototype.map.call(gs_elt,function(elt,index){
   //adding click event
   elt.addEventListener("click",function(event){
       alert('click event succeded');
   })

   //setting attribut to the second child
   if(index ==1){
       elt.setAttribute('id','second_child_attribut');
   }
})