Question

当我单击使用jquery和库fancybox进行链接时，我想获得所有输入的一个值。例如：

HTML
<input="hidden" name="numficha[]" value="205" />
<a class='fichapuesto' data-value="205">
<div class="txtpuesto">TEXT ONE</a>
<input="hidden" name="numficha[]" value="206" />
<a class='fichapuesto' data-value="206">
<div class="txtpuesto">TEXT TWO</a>
<input="hidden" name="numficha[]" value="207" />
<a class='fichapuesto' data-value="207">
<div class="txtpuesto">TEXT THREE</a>

JQUERY
$(document).ready(function(){
  var Txt;
  $(".fichapuesto").fancybox({
    onStart: function(){
        var Txt = $("#numficha").val();
        return { href : 'infor.php?nro='+ encodeURI(Txt) }
    },
    type: 'iframe',
    width : 1100,
    height: 700,
    });
});
function resizeFancyBox(){  .... }

您能帮我如何为href链接获取一个价值吗？

致谢。

Answer 1

您能帮我如何为href链接获取一个价值吗？

首先，您需要有效的html 。您的锚标签需要关闭标签。没有html标签input="hidden"，所以我假设您的意思是input type="hidden"。

要获取 anchor标签的值，您需要使用jQuery .data()方法：

$(document).ready(function() {
  $('.fichapuesto').on('click', function(e) {
    var $this = $(this);
    var value = $this.data('value');
    console.log(value);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="hidden" name="numficha[]" value="205" />
<a class='fichapuesto' data-value="205">
  <div class="txtpuesto">TEXT ONE</div>
</a>

<input type="hidden" name="numficha[]" value="206" />
<a class='fichapuesto' data-value="206">
  <div class="txtpuesto">TEXT TWO</div>
</a>

<input type="hidden" name="numficha[]" value="207" />
<a class='fichapuesto' data-value="207">
  <div class="txtpuesto">TEXT THREE</div>
</a>

如果您希望基于当前html的相应输入元素，则可以在选择器中使用该值：

$(document).ready(function() {
  $('.fichapuesto').on('click', function(e) {
    var $this = $(this);
    var value = $this.data('value');
    var $input = $('input[value="' + value + '"]');
    console.log($input.val());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="hidden" name="numficha[]" value="205" />
<a class='fichapuesto' data-value="205">
  <div class="txtpuesto">TEXT ONE</div>
</a>

<input type="hidden" name="numficha[]" value="206" />
<a class='fichapuesto' data-value="206">
  <div class="txtpuesto">TEXT TWO</div>
</a>

<input type="hidden" name="numficha[]" value="207" />
<a class='fichapuesto' data-value="207">
  <div class="txtpuesto">TEXT THREE</div>
</a>

Answer 2

给他们id并使用选择器。

https://www.w3schools.com/jquery/jquery_selectors.asp

Answer 3

在这种情况下

<input="hidden" id="nficha" name="numficha[]" value="205" />

jQuery 
 var Txt = $("#numficha").val();

如何使用jQuery获取不同输入隐藏值的值？

3 个答案: