javascript - 如何自动单击 href 以选择内容

Question

这是我从网站上复制的代码

我想自动选择尺寸，例如 12

找了很多方法都没用

<span id="size_selection_list">
    <a title="Size 07.5" value="07.5" data-modelsize="07_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">07.5</a>
    <a title="Size 08.0" value="08.0" data-modelsize="08_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">08.0</a>
    <a title="Size 08.5" value="08.5" data-modelsize="08_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">08.5</a>
    <a title="Size 09.0" value="09.0" data-modelsize="09_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">09.0</a>
    <a title="Size 09.5" value="09.5" data-modelsize="09_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">09.5</a>
    <a title="Size 10.0" value="10.0" data-modelsize="10_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">10.0</a>
    <a title="Size 10.5" value="10.5" data-modelsize="10_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">10.5</a>
    <a title="Size 11.0" value="11.0" data-modelsize="11_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">11.0</a>
    <a title="Size 11.5" value="11.5" data-modelsize="11_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">11.5</a>
    <a title="Size 12.0" value="12.0" data-modelsize="12_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">12.0</a>
    <a title="Size 12.5" value="12.5" data-modelsize="12_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">12.5</a>
    <a title="Size 13.0" value="13.0" data-modelsize="13_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">13.0</a>
    <a title="Size 13.5" value="13.5" data-modelsize="13_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">13.5</a>
    <a title="Size 14.0" value="14.0" data-modelsize="14_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">14.0</a>
    <a title="Size 15.0" value="15.0" data-modelsize="15_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">15.0</a>
    <a title="Size 16.0" value="16.0" data-modelsize="16_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">16.0</a>
    <a title="Size 17.0" value="17.0" data-modelsize="17_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">17.0</a>
    <a title="Size 18.0" value="18.0" data-modelsize="18_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">18.0</a>
</span>

Answer 1

请访问Attribute selectors页面以查看您可以做什么

PS:链接没有原生的value属性

// visualisation

$("a").on("click",function(e) {
  e.preventDefault(); // don't follow the link
  var $link = $(this); // save for later
  setTimeout(function() {
    console.log($link.attr("title")); // add to cart here
  },1000); 
})

// each of these work / choose ONE

// I prefer this jQuery one
$("[data-modelsize='12_0']").trigger("click");


// plain JavaScript:
// document.querySelector("[title='Size 12.0']").click(); // or 

// other jQuery examples
// $("[title='Size 12.0']").trigger("click"); // or 
// $("[value='12.0']").trigger("click"); // or 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="size_selection_list">
    <a title="Size 07.5" value="07.5" data-modelsize="07_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">07.5</a>
    <a title="Size 08.0" value="08.0" data-modelsize="08_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">08.0</a>
    <a title="Size 08.5" value="08.5" data-modelsize="08_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">08.5</a>
    <a title="Size 09.0" value="09.0" data-modelsize="09_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">09.0</a>
    <a title="Size 09.5" value="09.5" data-modelsize="09_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">09.5</a>
    <a title="Size 10.0" value="10.0" data-modelsize="10_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">10.0</a>
    <a title="Size 10.5" value="10.5" data-modelsize="10_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">10.5</a>
    <a title="Size 11.0" value="11.0" data-modelsize="11_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">11.0</a>
    <a title="Size 11.5" value="11.5" data-modelsize="11_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">11.5</a>
    <a title="Size 12.0" value="12.0" data-modelsize="12_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">12.0</a>
    <a title="Size 12.5" value="12.5" data-modelsize="12_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">12.5</a>
    <a title="Size 13.0" value="13.0" data-modelsize="13_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">13.0</a>
    <a title="Size 13.5" value="13.5" data-modelsize="13_5" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">13.5</a>
    <a title="Size 14.0" value="14.0" data-modelsize="14_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">14.0</a>
    <a title="Size 15.0" value="15.0" data-modelsize="15_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">15.0</a>
    <a title="Size 16.0" value="16.0" data-modelsize="16_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">16.0</a>
    <a title="Size 17.0" value="17.0" data-modelsize="17_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">17.0</a>
    <a title="Size 18.0" value="18.0" data-modelsize="18_0" data-ssi="false" data-sfs="false" data-backorder="false" class="grid_size in-stock" href="javascript:void(0);">18.0</a>
</span>