Question

我有两个元素是源和目标（一种是链接的选择）。我希望在源元素的data-属性中获取目标元素的名称。可能吗？以下代码不起作用。

<label>States</label>
  <select class='sparent' data-select-target='child'>
    <option value=''>Select State</option>
    <option value='AZ'>AZ</option>
    <option value='PA'>PA</option>
    <option value='TX'>TX</option>
  </select>
</label>
<div name='child' class='schild'>value</div>

JQuery代码：

$(".sparent").change(function(){
  var id = $(this).val();
  var target = $(this).data("select-target");
  $.get("includes/chainedselect.php", {id:id}, function(data){
     $(target).html(data);
  });

}）;

但是，如果我将$(target).html(data);替换为$("child").html(data);则可行。

任何人都可以帮我解决这个问题吗？谢谢你的时间。

Answer 1

将您的数据属性data-select-target='child'重命名为：

data-select-target='schild'

$(target).html(data);对此：

$('.' + target).html(data);

再试一次。

Answer 2

试试这个，

$('div[name="'+target+'"]').html(data);

您在选择器中提供“孩子”，但您错过了提供它是“id”，“class”还是“tag”。

通过JQuery获取父元素的data-属性中的目标元素名称

2 个答案: