Question

我正在尝试从href中检索src属性。我尝试了各种方法，包括：

this.src
$(this).data('src');
$("#"+tid).src; <!-- tid is the variable that holds the id of the tag -->

除了为src返回空白值之外，该函数按预期工作，并且使用id正确填充var tid。一旦我可以获得src，我将在点击时在向上和向下箭头之间切换。

这是我最近的尝试： Jquery的

<script>
jQuery(document).ready(function() {
   jQuery(".toggle").click(getData);
});

function getData()
{ 
  var tid = (this.id);
  alert(tid); 
 var isrc = (this.src)
 alert(isrc);
$("#"+tid+"1").toggle();  
}
</script>

HTML

<div id="jqxWidget">
<a id="jqxgrid" class = "toggle" href="#;" style="background-color: #ccc; padding: 2px 10px;"><img src="img/arrowdown.gif"></a>
<div id="jqxgrid1"></div>
</div>

我已经盯着这么长时间，欣赏一双新鲜的眼睛看着它。

谢谢，

莱恩

Answer 1

您需要获取img src：

var src = $(this).find("img").attr("src");

您的点击处理程序位于a - 其中有img个孩子。

Answer 2

要获取src属性，请使用.attr()

$('#' + tid).attr('src');

Answer 3

如果您需要属性，请使用jQuery的attr方法（documentation）：$(myThing).attr("src")

请注意，jQuery在使用src的文档中有一个示例;但是，他们设置src属性而不是检索它：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>attr demo</title>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<img title="hat.gif">

<script>
$( "img" ).attr( "src", function() {
  return "/resources/" + this.title;
});
</script>

</body>
</html>

Answer 4

var src = $('#jqxWidget').find(img).attr('src');

在控制台中点击fiddle进行检查

Jquery this.src是空白的

4 个答案: