【问题标题】:how to get an attr() from a textarea val()如何从 textarea val() 中获取 attr()
【发布时间】:2013-07-16 09:03:13
【问题描述】:

我正在寻找一种从文本区域或输入字段的输入中获取属性的方法。 示例:

<textarea id="foo">
   <iframe src="bar"></iframe
</textarea>

我只想获取 src 参数。

有没有简单的方法(在 JS、jquery 或 php 中)?

现在可以了:

HTML:

   <textarea id="foo">
</textarea>
<p>push</p>

jQuery:

$('p').click(function(){
var textAreaVal = $('#foo').val();
var getIframeSrcFromTextAreaVal = $($(textAreaVal)).filter('iframe').attr('src');

    alert(getIframeSrcFromTextAreaVal);

})

谢谢

【问题讨论】:

  • 您是否注意到您的 HTML 语法无效?
  • 如果去掉起始标签的结束符,怎么样:$($('#foo').text()).attr('src')
  • &lt;textarea id="foo"&gt; &lt;iframe src="bar"&gt;&lt;/iframe&gt; &lt;/textarea&gt; 这是正确的格式。请检查..
  • 制作正确的 html 代码,您在 textarea 中使用 iframe。太疯狂了!

标签: jquery html textarea attr


【解决方案1】:

这是正确的方法:

<textarea id="foo">Hello Baby!!</textarea>

<iframe src="http://www.rediffmail.com" class='iwin'></iframe>

现在,如果你想获取 Textarea attr 'id' 那么你可以在 jQuery 中这样做:

console.log($('#foo').attr('id'));// return element id = foo

console.log($('#foo').html());// return element text = Hello Baby!!

console.log($('#foo').val());// return element text = Hello Baby!!

适用于 iframe

console.log($('iframe').attr('src'));// return element scr = http://www.rediffmail.com 

console.log($('iframe').attr('class'));// return element class = iwin 

好的,如果你决定使用 iframe inside textarea (it's not good practice) 并想获得 iframe src 属性,那么你可以这样做:

html代码:

<textarea id="foo">
<iframe src="http://www.rediffmail.com" class='iwin'></iframe>
</textarea>

jQuery 代码:

var textAreaVal = $('#foo').val();
var getIframeSrcFromTextAreaVal = $($(textAreaVal)).filter('iframe').attr('src');
concole.log(getIframeSrcFromTextAreaVal);

但是,在你的内部 iframe 将无法工作。它将像 textarea 中的字符串一样工作。

【讨论】:

  • 但是iframe是写在textarea里的。
  • 是的!有用 !问题是我想找到一种方法来让 src 将它实现到我自己的 iframe 代码中,并向 url 添加更多属性。你知道更好的方法吗??? jsfiddle.net/NqFmK/7/
  • 无法正常工作。将 iframe 代码添加到 textarea。然后按推。如果它已经在 html textarea 中就可以工作了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-01-08
  • 2020-01-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多